根据条件显示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按钮？ 请建议我......

提前致谢。

-sathya

Answer 1

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

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

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

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