作者在 2008-03-25 15:34:01 发布以下内容
grid2.html:
grid2.js:
player.xml
<!
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>Grid2</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/grid2.js" ></script></
head><
body><
div id="grid2"></div></
body></
html>grid2.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 ds = new Ext.data.Store({ url:'xml/player.xml',reader:
new Ext.data.XmlReader({record:'player'},[ {name:'id'}, {name:'race'}, {name:'team'} ]) });ds.load();
var grid = new Ext.grid.GridPanel({ renderTo:'grid2',cm:cm,
ds:ds,
sm:sm,
title:
'War3 Players',autoHeight:
true}
);}
);player.xml
<?
xml version="1.0" encoding="UTF-8"?><
list> <player> <id>Sky</id> <race>Hum</race> <team>WE</team> </player> <player> <id>Moon</id> <race>Ne</race> <team>MYM</team> </player> <player> <id>MadFrog</id> <race>UD</race> <team>SK</team> </player> <player> <id>Grubby</id> <race>Orc</race> <team>4K</team> </player></
list>