extjs grid报错。this.el.dom为空或不是对象。
代码如下<html><head><metahttp-equiv="Content-Type"content="text/html;chars...
代码如下<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <title>Hello World</title> <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" /><!--这一个是引入ExtJs的默认样式--><script type="text/javascript" src="../adapter/ext/ext-base.js"></script><script type="text/javascript" src="../ext-all.js"></script><!--ExtJs所需要的核心脚本全部都在这两个js文件中。--><script type="text/javascript"> 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 ds = new Ext.data.Store({proxy: new Ext.data.MemoryProxy(data),reader: new Ext.data.ArrayReader({}, [{name: 'id'},{name: 'name'},{name: 'descn'}])});ds.load();var grid = new Ext.grid.GridPanel('grid', {ds: ds,cm: cm});grid.render();</script></head> <body> <div id="grid"></div></body> </html> 运行时候报错 this.el.dom为空或不是对象。不是菜鸟，初步接触extjs grid，根据文档学习，学习到extjs grid，文档DEMO不能运行，苦于无从寻求答案。不要分析，不要网上资料，examples里面的也不要，只要一个能运行的清晰的DEMO，其他的我自己会研究。采纳后加100分。
展开
展开全部
<html>
<head>
<title>girl</title>
<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="../ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="js/examples.js"></script>
<script>
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 ds = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data),
reader: new Ext.data.ArrayReader({},
[{
name: 'id',
mapping: 0
},
{
name: 'name',
mapping: 1
},
{
name: 'descn',
mapping: 2
}])
});
ds.load();
var grid = new Ext.grid.GridPanel({
//el: 'grid', //这一项不要配置
ds: ds,
cm: cm
});
</script>
</head>
<body onLoad="grid.render('grid');">
<div id="grid"></div>
</body>
</html>
<head>
<title>girl</title>
<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="../ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="js/examples.js"></script>
<script>
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 ds = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data),
reader: new Ext.data.ArrayReader({},
[{
name: 'id',
mapping: 0
},
{
name: 'name',
mapping: 1
},
{
name: 'descn',
mapping: 2
}])
});
ds.load();
var grid = new Ext.grid.GridPanel({
//el: 'grid', //这一项不要配置
ds: ds,
cm: cm
});
</script>
</head>
<body onLoad="grid.render('grid');">
<div id="grid"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
all.js"></script><!--ExtJs所需要的核心脚本全部都在这两个js文件中。--><script type="text/javascript"> 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 ds = new Ext.data.Stor
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的写法有点奇怪。不过根据你的报错信息应该是没有渲染的对象。
错误应该出在grid.render()上，应该携程grid.render('grid'),引号的grid就是你页面上那个div的id
错误应该出在grid.render()上，应该携程grid.render('grid'),引号的grid就是你页面上那个div的id
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
