ext中store,ArrayStore,JsonStore,XmlStore的用法

本文详细介绍了ExtJS中Store的基本使用方法,并深入探讨了ArrayStore、JsonStore及XmlStore的具体实现方式,通过实例展示了如何创建和操作这些Store。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ext中ArrayStore,JsonStore,XmlStore的用法

标签: extjs
2541人阅读 评论(0) 收藏 举报
本文章已收录于:
分类:

目录(?)[+]

  1. 1.Store的用法   
  2.   
  3. var _store = new Ext.data.Store();   
  4.       
  5.     var _record = new Ext.data.Record(["name","sex"]);   
  6.       
  7.     var _recordClone = new Ext.data.Record(["name","sex"]);   
  8.       
  9.     _record.set('name','张翔');   
  10.       
  11.     _record.set('sex','男');   
  12.   
  13.   _store.add(_record);   
  14.     
  15.   _recordClone.set('name','李慧敏');   
  16.       
  17.     _recordClone.set('sex','女');   
  18.       
  19.     _store.add(_recordClone);   
  20.       
  21.     //alert(_store.getCount());   
  22.       
  23.     //alert(_store.getAt(1).get('sex'));   
1.Store的用法 

var _store = new Ext.data.Store(); 
    
    var _record = new Ext.data.Record(["name","sex"]); 
    
    var _recordClone = new Ext.data.Record(["name","sex"]); 
    
    _record.set('name','张翔'); 
    
    _record.set('sex','男'); 

  _store.add(_record); 
  
  _recordClone.set('name','李慧敏'); 
    
    _recordClone.set('sex','女'); 
    
    _store.add(_recordClone); 
    
    //alert(_store.getCount()); 
    
    //alert(_store.getAt(1).get('sex')); 



[javascript] view plain copy
print ?
  1. 2.ArrayStore的用法   
  2. var _store = new Ext.data.ArrayStore({   
  3.     
  4.   data:[{name:'张翔',sex:'男'},{name:'李慧敏',sex:'女'}],   
  5.     
  6.   fields:[{name:'name',mapping:'name'},{name:'sex',mapping:'sex'}]   
  7.   });   
  8.     
  9.   alert(_store.getAt(1).get('sex'));   
2.ArrayStore的用法 
var _store = new Ext.data.ArrayStore({ 
  
  data:[{name:'张翔',sex:'男'},{name:'李慧敏',sex:'女'}], 
  
  fields:[{name:'name',mapping:'name'},{name:'sex',mapping:'sex'}] 
  }); 
  
  alert(_store.getAt(1).get('sex')); 


[javascript] view plain copy
print ?
  1. 3.JsonStore的用法(和ArrayStore差不多,2.0版本之前 ArrayStore是JsonStore的子类)   
  2. var _store = new Ext.data.JsonStore({   
  3.     
  4.   data:[{name:'张翔',sex:'男'},{name:'李慧敏',sex:'女'}],   
  5.     
  6.   fields:[{name:'name',mapping:'name'},{name:'sex',mapping:'sex'}]   
  7.   });     
  8.   alert(_store.getAt(1).get('sex'));   
3.JsonStore的用法(和ArrayStore差不多,2.0版本之前 ArrayStore是JsonStore的子类) 
var _store = new Ext.data.JsonStore({ 
  
  data:[{name:'张翔',sex:'男'},{name:'李慧敏',sex:'女'}], 
  
  fields:[{name:'name',mapping:'name'},{name:'sex',mapping:'sex'}] 
  });	
  alert(_store.getAt(1).get('sex')); 


[javascript] view plain copy
print ?
  1. 4.XmlStore的用法   
  2. var _emp = Ext.data.Record.create([{name:'name',mapping:'name'},{name:'sex',mapping:'sex'}]);   
  3.   var _store = new Ext.data.XmlStore({   
  4.     
  5.   url:'/store/xmlStore.xml',   
  6.     
  7.   reader:new Ext.data.XmlReader({   
  8.   totalRecords:'xml',   
  9.   record:'emp',   
  10.   id:'id'   
  11.   },_emp)   
  12.   });   
  13.     
  14.   _store.load();   
  15.     
  16.   alert(_store.getCount());   
  17.     
  18.   alert(_store.getAt(1).get('sex'));  
4.XmlStore的用法 
var _emp = Ext.data.Record.create([{name:'name',mapping:'name'},{name:'sex',mapping:'sex'}]); 
  var _store = new Ext.data.XmlStore({ 
  
  url:'/store/xmlStore.xml', 
  
  reader:new Ext.data.XmlReader({ 
  totalRecords:'xml', 
  record:'emp', 
  id:'id' 
  },_emp) 
  }); 
  
  _store.load(); 
  
  alert(_store.getCount()); 
  
  alert(_store.getAt(1).get('sex'));



0
0
 
 
我的同类文章
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值