首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

ExtJs报表没有显示数据

2012-10-17 
ExtJs表格没有显示数据菜鸟求助,为什么下面的代码没有显示。求解。。。。。JS如下:JScript codeExt.onReady(func

ExtJs表格没有显示数据
菜鸟求助,为什么下面的代码没有显示。求解。。。。。
JS如下:

JScript code
Ext.onReady(function(){  var cm = new Ext.grid.ColumnModel([        {header:'编号',dataIndex:'id'},        {header:'名称',dataIndex:'name'},        {header:'描述',dataIndex:'descn'}    ]);  var data = [        ['1','name1','descn1'],        ['2','name2','descn2'],        ['3','name3','descn3'],        ['4','name4','descn4'],        ['5','name5','descn5']    ];    var store = new Ext.data.Store({        proxy:new Ext.data.MemoryProxy(data),        reader:new Ext.data.ArrayReader([                {name:'id'},                {name:'name'},                {name:'descn'}            ])    });    store.load();    var grid = new Ext.grid.GridPanel({        renderTo:'grid',        store:store,        cm:cm    });});


HTML如下:
HTML code
<html>    <head>           <meta http-equiv="content-type" content="text/html; charset=utf-8">        <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css">        <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>        <script type="text/javascript" src="../../ext-all-debug.js"></script>        <script type="text/javascript" src="Hello.js"></script>        <script type="text/javascript" src="../../source/locale/ext-lang-zh_CN.js"></script>    </head>    <body>        <div id='grid'></div>    </body></html>


结果如下:


[解决办法]
var cm = new Ext.grid.ColumnModel([
{header:'编号',dataIndex:'id'},
{header:'名称',dataIndex:'name'},
{header:'描述',dataIndex:'descn'}
]);
把这一部分放到
var store = new Ext.data.Store({
proxy:new Ext.data.MemoryProxy(data),
reader:new Ext.data.ArrayReader([
{name:'id'},
{name:'name'},
{name:'descn'}
])
});
后面,dataIndex:''指向已经定义好的列,你都没定义,怎么使用

热点排行