Ext2.0的Grid读Xml数据

作者在 2008-03-25 15:34:01 发布以下内容
        grid2.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>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>

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