问EXTJS3，如何显示一个网格弹出？
EN

Stack Overflow用户

提问于 2012-07-03 22:25:14

回答 1查看 5.4K关注 0票数 0

在EXTJS3中，如何将网格显示为弹出窗口？

我有这个代码，为什么它不能工作？

 var myData = [['ddd', '1111'], ['eee', '2222']];

            var store = new Ext.data.ArrayStore({
                fields: [
                   { name: 'FLD' },
                   { name: 'VAL' }
                ]
            });
            store.loadData(myData);

            var grid = new Ext.grid.GridPanel({
                store: store,
                loadMask: true,
                colModel: new Ext.grid.ColumnModel({
                    defaults: {
                        width: 120,
                        sortable: true
                    },
                    columns: [
                        { header: 'FLD', dataIndex: 'FLD' },
                        { header: 'VAL', dataIndex: 'VAL' }
                    ]
                }),
                viewConfig: {
                    forceFit: true
                }
            });

            var myWin = Ext.create("Ext.Window", {
                layout: 'fit',
                title: 'Exception Detail',
                width: 400,
                height: 300,
                closable: false,
                buttonAlign: 'center',
                items: [grid],
                modal: true
            });
            myWin.show();

javascript

extjs

回答 1

Stack Overflow用户

发布于 2012-07-03 23:30:50

这段代码没有任何问题，但是如果你在JSFiddle上尝试，它不能工作，我不知道为什么。我尝试使用我本地的Ext3.4，它工作得很好。这是我的代码。

<html>
<head>
<script type="text/javascript" src="ext-3.4.0/adapter/ext/ext-base.js"></script>
<script type='text/javascript' src='ext-3.4.0/ext-all.js'></script>
</head>
<body>
</body>
<script>
Ext.onReady(function() {

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,
        columns: [
            { header: 'FLD', dataIndex: 'FLD' },
            { header: 'VAL', dataIndex: 'VAL' }
        ],
        viewConfig: {
            forceFit: true
        }
    });

    var myWin = new Ext.Window({
        layout: 'fit',
        title: 'Exception Detail',
        width: 400,
        height: 300,
        closable: false,
        buttonAlign: 'center',
        items: [grid],
        modal: true
    });
    myWin.show();});
</script>

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11313034

复制

相似问题

问EXTJS3，如何显示一个网格弹出？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问EXTJS3，如何显示一个网格弹出？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问EXTJS3，如何显示一个网格弹出？
EN