exj grid b is null异常

最新推荐文章于 2025-08-08 17:07:36 发布

原创最新推荐文章于 2025-08-08 17:07:36 发布 · 255 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了如何使用Ext JS库创建一个包含编号、名称和描述的网格面板，并解决了在调试过程中遇到的‘bisnull’错误，通过在body中添加id为grid的div标签来解决。同时解释了Ext JS加载js文件的正确顺序，确保在IE中能够正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<link rel="stylesheet" type="text/css" href="ext-3.4.0/resources/css/ext-all.css"/>
<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>

<script type="text/javascript">
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',mapping:1 },
                { name: 'name',mapping:0 },
                { name: 'descn' }
            ])
        });
    
        store.load();  
  
        var grid = new Ext.grid.GridPanel({
              autoHeight: true,
              renderTo: 'grid',
              store: store,
              cm: cm
            });
			grid.render();
//渲染数据，才能显示出来

    });
</script>


</head>
<body>
<div id="grid">和上面的renderTo中的值相对应<div>
</body>
</html>

在调试此例子出现b is null错误，是没在 body中添加id为grid的div标签

另：加载js的顺序是ext-base.js再是ext-all.js 否则在ie中出现错误: 'Ext' 未定义