根据条件显示 Ext.Window 按钮

Posted 2023-02-26

【中文标题】根据条件显示 Ext.Window 按钮

【英文标题】：Displaying Ext.Window buttons based on condition

【发布时间】：2011-06-05 21:23:17

【问题描述】：

我有一个这样的窗口。

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

【问题讨论】：

我不明白你想做什么。你什么时候使用showDesignWindow函数？显示/隐藏Customize E-Form 按钮的具体条件是什么？

【参考方案1】：

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

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

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

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