javascript - 在 extjs 中创建一个窗口

Question

我有这个代码:

Ext.define('innerWindow', {
   extend: 'Ext.window.Window',
   title: 'title',
   height: 200,
   width: 500, 
   modal: true
});

tb = Ext.getCmp('head-toolbar');
tb.add({
    text: 'Export',
    menu: Ext.create('Ext.menu.Menu', {
        items: [
            {
                text: 'Export',
                handler: function () {
                    var win = new innerWindow();
                    win.show();
                }
            }
        ]
    }) 
});

它创建了一个下拉菜单，其中包含一个名为“export”的值。我设法做到了，当我点击“导出”时，我得到一个窗口。现在这个窗口是空的。我一直在寻找但无法找到的是如何创建一个窗口，其中包含一些文本、一些选项(下拉框)和标签等。更准确地说，我想要一个像我附加的那样的窗口。我确定我可以找到有关如何创建它的示例，但我只是不知道要搜索什么。搜索“Extjs 窗口”和类似的词，并没有给我带来我正在寻找的帮助，也没有查看 Senshas 主页(通常有很多精彩的例子)。

有人能帮帮我吗？谢谢

Answer 1

在你的代码更改中

var win = new innerWindow();

到

var win = Ext.create('innerWindow');

然后用里面的表单定义你的窗口:

Ext.define('innerWindow', {
   extend: 'Ext.window.Window',
   title: 'title',
   height: 200,
   width: 500, 
   modal: true,
   items: [{
       xtype: 'form',
       items: [{
           xtype: 'textfield',
           fieldLabel: 'Age',
           name: 'age'
       },{
           xtype: 'textfield',
           fieldLabel: 'Height',
           name: 'height'
       }],
       fbar: [{
           text: 'Submit',
           formBind: true,
           itemId: 'submit'
       }]
    }]
});

文档在这里:form , textfield , combobox .开始阅读 the guides .您必须阅读文档才能理解。 ExtJs 文档写得很好。