带有布局的Windows livesearchgridpanel Ext.js4

时间:2013-09-20 09:54:04

标签: windows extjs grid extjs4 extjs4.1

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

 Ext.create('widget.window', {

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

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

我很困惑,有什么提示吗?

1 个答案:

答案 0 :(得分:2)

将其作为项目放在窗口中:

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);
    }
});