extjs - 根据条件显示 Ext.Window 按钮

Question

我有一个这样的窗口。

function showDesignWindow(htmlData){

   var designWindow =  new Ext.Window({
        title: "E-Form Design",  
        width:650, 
        autoHeight: true,
        id:'designWindow',
        html: htmlData,
        closable: false,
        modal: true,
        y: 150,
        listeners: { 
            beforeclose: function () { 
                searchVisible = false;                      
            } 
        },
        buttons: [
                 { 
                     text: 'Add Control', handler: function() {
                        saveFormControl();
                     }
                 },
                 {
                     text:'Customize E-Form', handler: function() {                     
                        callCustomWindow();
                        designWindow.close();   
                     }
                 },
                 {
                     text:'Close', handler: function() {
                       designWindow.close();                        
                     }
                 }
                ]   
  });

   designWindow.show(this);

}

我的要求是我必须显示“自定义电子表格”按钮，至少要显示一个添加到表单的控件。那么如何根据条件显示 Ext.window 按钮？请建议我...

提前致谢。

-沙迪亚

Answer 1

将按钮初始化为隐藏并给它一个 itemId 以便稍后引用它：

{
    itemId: 'customize',
    text: 'Customize E-Form',
    hidden: true,
    handler: function() {
        callCustomWindow();
        designWindow.close();
    }
}

在用于向表单添加项目的代码中，您可以通过以下方式显示按钮：

designWindow.getFooterToolbar().get('customize').show();