Question

相对较新的EXTJS，我有一个编辑表单，我想在用户点击编辑按钮时显示。

之前我一直在这样做：

edit_window_xtype: 'window name',

完美无缺，在这种情况下，我只需要在单击按钮时调用表单，而不是当用户双击网格中的字段时。（这就是edit_window_xtype：＆＃39;窗口名称＆＃ 39;会完成）

我有

btnEdit_onClick: function (btn) {
    Ext.create('window name').show();
},

但这不起作用。

Answer 1

看来我有很多东西要学习Extjs。以下是我提出的建议，如果有人有更好的解决方案，请告诉我。一直在寻找更好的方法来完成某些事情。：）

btnEdit_onClick: function (btn) {
    var config = {
        xtype: 'MyWindow_Name',
        mode: 'edit',
        title: 'Edit Window',
        editId: this.id
    };
    var win = Ext.ComponentMgr.create(config);
    win.show();
};

Answer 2

当我这样做时，我正在声明我自己的xtype：

Ext.define('MyApp.view.dialog.MyEditDialog', {
    'extend' : 'Ext.window.Window',
    'alias' : 'widget.MyEditDialog',
    'autoShow' : true,//dont have to call .show()
    'title' : 'Edit',
    'items' : [{
         'xtype' : 'form',
         'bodyPadding' : 5,//my "Default"
         'flex' : 1,//scale childs to fit parent
         'defaultType' : 'textfield',//we're lazy ;-)
         'items' : [{
             'name' : 'surename',
             'fieldLabel' : 'Surename'  
          }, {
             'name' : 'lastname',
             'fieldLabel' : 'Lastname'
          }]
     }],
     'buttons' : [{
         'text' : 'Save',
         'iconCls' : 'button-save'//declared CSS Background somewhere
     }, {
         'text' : 'Cancel',
         'iconCls' : 'button-cancel',
         'handler' : function(btn){
              btn.up('window').close();//query selector is your friend ;-)
         }
     }]
});

最后，说：Ext.widget（'MyEditDialog'）;'足够。玩得开心！

EXT JS在btn上打开表单点击

2 个答案: