Javascript ExtJS3，如何显示网格以弹出？_Javascript_Extjs

Javascript ExtJS3，如何显示网格以弹出？

javascript extjs

Javascript ExtJS3，如何显示网格以弹出？,javascript,extjs,Javascript,Extjs,在ExtJS3中，如何在弹出窗口中显示网格我有这个编码，为什么它不工作 var myData = [['ddd', '1111'], ['eee', '2222']]; var store = new Ext.data.ArrayStore({ fields: [ { name: 'FLD' }, { name: 'VAL' }

在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();

这段代码没有任何问题，但是如果您在JSFIDLE上尝试，它就不起作用了，我不知道为什么。我尝试了我的本地Ext 3.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>


Ext.onReady（函数（）{
var myData=['ddd'，'1111']，['eee'，'2222']；
var store=new Ext.data.ArrayStore({
字段：[
{name:'FLD'，type:'string'}，
{name:'VAL'，type:'string'}
]
});
store.loadData（myData）；
var grid=新建Ext.grid.GridPanel({
店:店,，
loadMask：是的，
栏目：[
{头：'FLD'，数据索引：'FLD'}，
{标题：'VAL'，数据索引：'VAL'}
],
视图配置：{
forceFit：对
}
});
var myWin=新的外部窗口({
布局：“适合”，
标题：“异常详细信息”，
宽度：400，
身高：300，
可关闭：错误，
buttonAlign:'中间'，
项目：[网格]，
莫代尔：对
});
myWin.show（）；}）；

Ext.create您在代码中使用的语法属于ExtJS4而不是ExtJS3。使用新的外部窗口