Question

在我们的应用程序中，我们使用的是Extjs。现在我需要弹出一个网格和一个取消和提交按钮。这样我就可以从网格中选择一些记录并将记录保存到DB。

我尝试Ext.Window弹出窗口。

我认为items中的Ext.Window属性只能包含一种类型的对象（表示Ext.grid.GridPanel或形式的对象）。但我需要两个控件。

如何在弹出窗口中实现两个控件？

请提供有价值的信息。

提前致谢。

Answer 1

鉴于您在评论中提交的代码（顺便说一句，您可以编辑您的问题以包含在问题中）。

您可以向items数组添加多个对象，或者在这种情况下，我会在底部添加一个按钮栏（bbar）

以下代码展示了这一点，另外这里有fiddle：

        var myData = [
            ['ddd', '1111'],
            ['eee', '2222']
        ];
        var store = new Ext.data.ArrayStore({
            fields: [{
                name: 'FLD',
                type: 'string'
            }, {
                name: 'VAL',
                type: 'string'
            }]
        });
        store.loadData(myData);
        var grid = new Ext.grid.GridPanel({
            store: store,
            loadMask: true,
            //renderTo:Ext.getBody(),
            columns: [{
                header: 'FLD',
                dataIndex: 'FLD'
            }, {
                header: 'VAL',
                dataIndex: 'VAL'
            }],
            viewConfig: {
                forceFit: true
            }
        });

        var window = Ext.create('Ext.window.Window', {
            title: 'My Title',
            height: 400,
            width: 600,
            items: [
            grid
            ],
            bbar: [{
                text: 'Save',
                handler: function(btn) {
                    alert('Save!');
                }
            }, {
                text: 'Cancel',
                handler: function(btn) {
                    alert('Cancel!');
                }
            }]
        });
        window.show();

弹出网格以及使用Extjs提交按钮

1 个答案: