windows - 带有布局的 Windows livesearchgridpanel Ext.js4

Question

我已经设计了一些网格，但我必须将它们包含在Windows Layout中。问题是：为livesearchpanel启用了网格。如何在窗口布局中维护这种类型的网格？这里没有办法通过构造函数定义网格，它们只是更大构造函数的项目：

 Ext.create('widget.window', {

我应该在哪里放置构造函数：

Ext.create('Ext.ux.LiveSearchGridPanel', {

?

我很困惑，有什么提示吗？

Answer 1

把它作为一个项目放在窗口中：

Ext.create('Ext.Window', {
    // ... window configuration

    ,layout: 'fit' // if you don't want other items

    ,items: [
        Ext.create('Ext.ux.LiveSearchGridPanel', {...});
    ]
});

但是，如果您扩展窗口类，则不要这样做，否则如果您尝试创建此窗口的多个实例（因为它们将共享您的网格组件的一个实例），您会被咬。而是在窗口初始化期间创建组件的实例：

Ext.define('My.GridWindow', {
    extend: 'Ext.Window'

    // ... window configuration

    ,layout: 'fit' // if you don't want other items

    ,initComponent: function() {

        this.items = [
            Ext.create('Ext.ux.LiveSearchGridPanel', {...})
        ];

        this.callParent(arguments);
    }
});