Отображение кнопок 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();
    }
}

В коде, который вы используете для добавления элементов в форму, вы можете показать кнопку с помощью вызова:1004 *

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