EXTJS初学者'dom'为空或不是对象
我刚编写的程序感觉没有问题，但是弹出来这个错误。请这方面的爱好者帮忙解决下，若愿意交个朋友QQ437630692全天在线以下是程序代码：<%@pagelanguage="...
我刚编写的程序感觉没有问题，但是弹出来这个错误。请这方面的爱好者帮忙解决下，若愿意交个朋友QQ437630692 全天在线
以下是程序代码：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>GridTest</title>
<link rel="stylesheet"type="text/css" href="../extlib/resources/css/ext-all.css"/>
<script type="text/javascript" src="../extlib/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../extlib/ext-all.js"></script>
<script type="text/javascript" src="../extlib/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
function renderJo(value){
if (value=='j'){
return "<span style='color:red;font-weight:bold;'>奇数</span>";
}else{
return "<span style='color:red;font-weight:bold;'>偶数</span>";
}
}
var sm=new Ext.grid.CheckboxSelectionModel();
var cm=new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
sm,
{header:'编号',dataIndex:'id',sortable:true},
{header:'奇偶性',dataIndex:'jo',renderer:renderJo},
{header:'姓名',dataIndex:'name',sortable:true},
{header:'职位',dataIndex:'occupation',sortable:true}
]);
var data=[
['1','j',11','123'],
['2','o','23','123],
['3','j','33333,'4213],
['4','o','2134,'231],
['5','j','2313,'444],
['6','o','2313,'3313]
];
var store= new Ext.data.Store ({
proxy:new Ext.data.MemoryProxy(data),
reader:new Ext.data.ArrayReader({},[
{name:'id'},
{name:'jo'},
{name:'name'},
{name:'occupation'}
])
});
store.load();
var grid = new Ext.grid.GridPanel({
renderTo:'grid',
width:350,
height:150,
loadMask:true,
store:store,
cm:cm,
sm:sm
});
</script>
</head>
<body>
</body>
</html>
我在BODY里写了
<div id='grid'></div>
但还是不行 还提示那个错误 展开
以下是程序代码：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>GridTest</title>
<link rel="stylesheet"type="text/css" href="../extlib/resources/css/ext-all.css"/>
<script type="text/javascript" src="../extlib/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../extlib/ext-all.js"></script>
<script type="text/javascript" src="../extlib/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
function renderJo(value){
if (value=='j'){
return "<span style='color:red;font-weight:bold;'>奇数</span>";
}else{
return "<span style='color:red;font-weight:bold;'>偶数</span>";
}
}
var sm=new Ext.grid.CheckboxSelectionModel();
var cm=new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
sm,
{header:'编号',dataIndex:'id',sortable:true},
{header:'奇偶性',dataIndex:'jo',renderer:renderJo},
{header:'姓名',dataIndex:'name',sortable:true},
{header:'职位',dataIndex:'occupation',sortable:true}
]);
var data=[
['1','j',11','123'],
['2','o','23','123],
['3','j','33333,'4213],
['4','o','2134,'231],
['5','j','2313,'444],
['6','o','2313,'3313]
];
var store= new Ext.data.Store ({
proxy:new Ext.data.MemoryProxy(data),
reader:new Ext.data.ArrayReader({},[
{name:'id'},
{name:'jo'},
{name:'name'},
{name:'occupation'}
])
});
store.load();
var grid = new Ext.grid.GridPanel({
renderTo:'grid',
width:350,
height:150,
loadMask:true,
store:store,
cm:cm,
sm:sm
});
</script>
</head>
<body>
</body>
</html>
我在BODY里写了
<div id='grid'></div>
但还是不行 还提示那个错误 展开
1个回答
展开全部
GridPanel的renderTo参数指定的'grid'元素在哪里？
没有肯定要报dom为空或不是对象了
body中加上一个<div id="grid"></div>
没有肯定要报dom为空或不是对象了
body中加上一个<div id="grid"></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
