不废话,先上代码!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="D:\xpf\Whealth\02-Code\Whealth\WHealthWeb\EXTJS\ext-base-debug.js"></script>
<script type="text/javascript" src="D:\xpf\Whealth\02-Code\Whealth\WHealthWeb\EXTJS\ext-all-debug.js"></script>
<script type="text/javascript">
var cm = new Ext.grid.ColumnModel([
{header:'编号',dataIndex:'id'},
{header:'名称',dataIndex:'name'},
{header:'描述',dataIndex:'descn'}
]);
var data=[
['1','张三','打蓝球'],
['2','李四','打排球'],
['3','王五','打桌球'],
['4','赵六','打网球'],
['5','孙七','打蛋蛋']
];
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.Grid('grid',{
ds:ds,
cm:cm
});
grid.render();
</script>
</head> <body>
<div id="grid"></div>
</body>
</html>
老是说33行的地方出错,报:对象不支持此操作。
求解惑!!!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="D:\xpf\Whealth\02-Code\Whealth\WHealthWeb\EXTJS\ext-base-debug.js"></script>
<script type="text/javascript" src="D:\xpf\Whealth\02-Code\Whealth\WHealthWeb\EXTJS\ext-all-debug.js"></script>
<script type="text/javascript">
var cm = new Ext.grid.ColumnModel([
{header:'编号',dataIndex:'id'},
{header:'名称',dataIndex:'name'},
{header:'描述',dataIndex:'descn'}
]);
var data=[
['1','张三','打蓝球'],
['2','李四','打排球'],
['3','王五','打桌球'],
['4','赵六','打网球'],
['5','孙七','打蛋蛋']
];
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.Grid('grid',{
ds:ds,
cm:cm
});
grid.render();
</script>
</head> <body>
<div id="grid"></div>
</body>
</html>
老是说33行的地方出错,报:对象不支持此操作。
求解惑!!!
var grid = new Ext.grid.GridPanel('grid',{
ds:ds,
cm:cm
});
或者Ext.widget("grid",....)
id:Ext.id(),
ds:ds,
cm:cm
......
});Ext 4以下貌似是这么写吧,那个括号里边的'gird'是干什么的?用extend或者override的时候才这么写的吧?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="D:\xpf\Whealth\02-Code\Whealth\WHealthWeb\EXTJS\ext-base-debug.js"></script>
<script type="text/javascript" src="D:\xpf\Whealth\02-Code\Whealth\WHealthWeb\EXTJS\ext-all-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
//Ext.BLANK_IMAGE_URL = "ext/resources/images/default/s.gif";
//Ext.QuickTips.init();
//Ext.form.Field.prototype.msgTarget = "qtip";
var data=[
['1','张三','打蓝球'],
['2','李四','打排球'],
['3','王五','打桌球'],
['4','赵六','打网球'],
['5','孙七','打蛋蛋']
];
var ds = new Ext.data.Store({
proxy:new Ext.data.MemoryProxy(data),
reader:new Ext.data.ArrayReader({},[
{name:'id'},
{name:'name'},
{name:'descn'}
])
});
var cm = new Ext.grid.ColumnModel([
{header:'编号',dataIndex:'id'},
{header:'名称',dataIndex:'name'},
{header:'描述',dataIndex:'descn'}
]);
var grid = new Ext.grid.GridPanel({
ds:ds,
cm:cm,
xtype:'grid'
});
grid.render('grid_div');
ds.load();
});
</script>
</head>
<body>
<div id="grid_div"></div>
</body>
</html>
楼主 试下、别忘了 水源的帖子哈~