<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'demo2.jsp' starting page</title>
<link rel="stylesheet" type="text/css" href="../ext2/resources/css/ext-all.css" />
<script type="text/javascript" src="../ext2/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext2/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 myReader = new Ext.data.ArrayReader({}, [
{name: 'id'},
{name: 'name'},
{name: 'descn'}
])
var ds = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data),
reader: myReader
})
ds.load()
var grid = new Ext.grid.GridPanel({
//el: 'grid',
ds: ds,
cm: cm,
viewConfig: {
forceFit: true
},
//renderTo: 'content',
title: 'My First Grid',
width: 500,
frame: true
})
//--------------
var panel = new Ext.Panel({
renderTo: 'content',
title:'panel',
collapsible:true,
width:450,
height:400,
items:[grid] //管理grid
})
//-------------
})
</script>
</head>
<body>
<div id ="content">
</div>
</body>
</html>
贴出的代码没什么问题。问题可能出现在gridpanel的建立上。你试一下add({xtype:'textfield'})如果能看到就是grid建立有问题。
最好别用id，很容易重复。你不是建立grid也用id了吧，那可能就出不来了。
定义var grid = new gridpanel{...
st:
cm:
..}
然后在window的ITEM中写item:[grid]
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）