Extjs在panel的標題列上加按鈕的方法

標籤：top   pos   方法   and   eth   避免   this   xtend   解決方案   

Ext.define(‘MyPanel‘,{
    extend:‘Ext.panel.Panel‘,
    xtype:‘mypanel‘,
    title:‘title‘,
    height:200,
    initComponent:function(){
        var me=this;
        me.okBtn = new Ext.button.Button({
            //按鈕位置可通過此樣式進行修改,如果按鈕靠右顯示可修改為把left改成right
            //採用此解決方案可以避免標題列被撐高。
            style:‘position: absolute;top: 5px;left: 60px;‘,
            text: ‘ok‘,scope: me,
            handler:function(){
                alert(‘ok click‘);
            }
        });
        this.callParent();
    },
    onRender:function(){
        this.callParent(arguments);
        this.okBtn.render(Ext.get(this.getHeader().id));
    },
    onDestroy: function() {
        this.okBtn.destroy();
        this.callParent();
    }
});

Extjs在panel的標題列上加按鈕的方法