作者在 2008-03-25 15:00:10 发布以下内容
grid1.html:
grid1.js:
<!
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}
);}
);