Ext2.0的Grid读Json数据

作者在 2008-03-25 15:00:10 发布以下内容
        grid1.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>Grid1</title>

<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />

<script type="text/javascript" src="ext/adapter/ext//ext-base.js" ></script>

<script type="text/javascript" src="ext/ext-all.js" ></script>

<script type="text/javascript" src="js/grid1.js" ></script>

</head>

<body>

<div id="grid1"></div>

</body>

</html>
        grid1.js:

Ext.onReady(function(){

var sm = new Ext.grid.CheckboxSelectionModel();

var cm = new Ext.grid.ColumnModel([

new Ext.grid.RowNumberer(),

sm,

{header:'ID',dataIndex:'id'},

{header:'Race',dataIndex:'race'},

{header:'Team',dataIndex:'team'}

]);

cm.defaultSortable=true;

var data = {

'players':[

{'id':'Sky','race':'Hum','team':'WE'},

{'id':'Moon','race':'NE','team':'MYM'},

{'id':'MadFrog','race':'UD','team':'SK'},

{'id':'Grubby','race':'ORC','team':'4K'}

]

};

var ds = new Ext.data.Store({

proxy:new Ext.data.MemoryProxy(data),

reader:new Ext.data.JsonReader({root:'players'},[

{name:'id'},

{name:'race'},

{name:'team'}

])

});

ds.load();

var grid = new Ext.grid.GridPanel({

renderTo:'grid1',

cm:cm,

ds:ds,

sm:sm,

title:'War3 Players',

autoHeight:true

});

});

Ext2.0 | 阅读 9925 次
文章评论,共0条
游客请输入验证码