1. 程式人生 > >Extjs在panel的標題欄上加按鈕的方法

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

 

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();
    }
});