ext 解釋XML

function formetSex(value,meta,record,rowIndex,colIndex,store){
// alert("[" + rowIndex + "," + colIndex + "]");
// alert(record.data.name);
 return value=="0"?"男":"女";
}
Ext.onReady(function(){
 
 var fields = ["id","name","email","sex","age"];
// var data = [
//  ["1","langsin1","[email protected]","0","20"],
//  ["2","langsin2","[email protected]","0","22"],
//  ["3","langsin3","[email protected]","0","21"],
//  ["4","langsin4","[email protected]","0","23"],
//  ["5","langsin5","[email protected]","0","241"]];
  
// var data = {
//  metaData:{
//   totalProperty:"total",
//   root:"xx",
//   fields:["id","name","email","sex","age"]
//  },
//  total:100,
//  xx:[{
//   id:"1",
//   name:"langsin1",
//   email:"[email protected]",
//   sex:"0",
//   age:"20"
//  },{
//   id:"2",
//   name:"langsin2",
//   email:"[email protected]",
//   sex:"0",
//   age:"21"
//  },{
//   id:"3",
//   name:"langsin3",
//   email:"[email protected]",
//   sex:"0",
//   age:"22"
//  },{
//   id:"4",
//   name:"langsin4",
//   email:"[email protected]",
//   sex:"0",
//   age:"23"
//  },{
//   id:"5",
//   name:"langsin5",
//   email:"[email protected]",
//   sex:"0",
//   age:"24"
// }]};
// var store = new Ext.data.Store({
//  url:"user/grid-data.js",
//  reader:new Ext.data.JsonReader({})
// });
// store.load();
 
 var store = new Ext.data.Store({
  autoLoad:true,
//  url:"user/grid-data.xml",
  proxy:new Ext.data.HttpProxy({url: "user/grid-data.xml"}),
  reader:new Ext.data.XmlReader({id:"id",record:"row",totalRecords:"total"},fields)
 });
// store.load();
 var sm = new Ext.grid.CheckboxSelectionModel();
 var cm = new Ext.grid.ColumnModel([
 sm,
 {
  header:"id",
  dataIndex:"id",
  menuDisabled:true
 },{
  header:"email",
  dataIndex:"email"
 },{
  header:"姓名",
  dataIndex:"name"
 },{
  header:"性別",
  dataIndex:"sex",
  renderer:formetSex
 },{
  header:"年齡",
  dataIndex:"age",
  sortable:true
 }]);
 
 var grid = new Ext.grid.GridPanel({
  title:"grid列表顯示示例",
  width:600,
  height:300,
  cm:cm,
//  sm:new Ext.grid.CellSelectionModel(),
  sm:sm,
  viewConfig:{
   columnsText:"顯示/隱藏列",
   sortAscText:"正序排列",
   sortDescText:"倒序排列"
  },
//  enableHdMenu:false,
  store:store
 });
 grid.render(Ext.getBody());
});

 

 

 

**********************************xml***************************************************

 

<?xml version="1.0" encoding="utf-8"?>
<dataset>
 <total>100</total>
 <row>
  <id>1</id>
  <name>langsin1</name>
  <email>[email protected]</email>
  <sex>0</sex>
  <age>20</age>
 </row>
 <row>
  <id>2</id>
  <name>langsin2</name>
  <email>[email protected]</email>
  <sex>1</sex>
  <age>21</age>
 </row>
 <row>
  <id>3</id>
  <name>langsin3</name>
  <email>[email protected]</email>
  <sex>0</sex>
  <age>22</age>
 </row>
 <row>
  <id>4</id>
  <name>langsin4</name>
  <email>[email protected]</email>
  <sex>1</sex>
  <age>20</age>
 </row>
 <row>
  <id>5</id>
  <name>langsin5</name>
  <email>[email protected]</email>
  <sex>0</sex>
  <age>24</age>
 </row>
</dataset>