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","langsin@langsin.com","0","20"],
//  ["2","langsin2","langsin@langsin.com","0","22"],
//  ["3","langsin3","langsin@langsin.com","0","21"],
//  ["4","langsin4","langsin@langsin.com","0","23"],
//  ["5","langsin5","langsin@langsin.com","0","241"]];
  
// var data = {
//  metaData:{
//   totalProperty:"total",
//   root:"xx",
//   fields:["id","name","email","sex","age"]
//  },
//  total:100,
//  xx:[{
//   id:"1",
//   name:"langsin1",
//   email:"langsin@langsin.com",
//   sex:"0",
//   age:"20"
//  },{
//   id:"2",
//   name:"langsin2",
//   email:"langsin@langsin.com",
//   sex:"0",
//   age:"21"
//  },{
//   id:"3",
//   name:"langsin3",
//   email:"langsin@langsin.com",
//   sex:"0",
//   age:"22"
//  },{
//   id:"4",
//   name:"langsin4",
//   email:"langsin@langsin.com",
//   sex:"0",
//   age:"23"
//  },{
//   id:"5",
//   name:"langsin5",
//   email:"langsin@langsin.com",
//   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>langsin@langsin.com</email>
  <sex>0</sex>
  <age>20</age>
 </row>
 <row>
  <id>2</id>
  <name>langsin2</name>
  <email>langsin@langsin.com</email>
  <sex>1</sex>
  <age>21</age>
 </row>
 <row>
  <id>3</id>
  <name>langsin3</name>
  <email>langsin@langsin.com</email>
  <sex>0</sex>
  <age>22</age>
 </row>
 <row>
  <id>4</id>
  <name>langsin4</name>
  <email>langsin@langsin.com</email>
  <sex>1</sex>
  <age>20</age>
 </row>
 <row>
  <id>5</id>
  <name>langsin5</name>
  <email>langsin@langsin.com</email>
  <sex>0</sex>
  <age>24</age>
 </row>
</dataset>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值