`
samwong
  • 浏览: 287607 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ext中ArrayStore,JsonStore,XmlStore的用法

 
阅读更多

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')); 



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')); 


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')); 


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'));



分享到:
评论
1 楼 peter725 2015-07-09  
您好,能否请教下XmlStore的使用方法
var store3 = new Ext.data.XmlStore({
   storeId: 'myStore',
autoLoad : true,
model: 'User',
url : 'user.xml',
record : 'user'
});
我这样子的写法有什么问题么?

相关推荐

    ext 编程开发指南

    使用EXT,可以通过简单的方法获取DOM节点,例如: ```javascript var elements = Ext.get('someElementId'); ``` 如果需要获取多个节点,则可以使用`query`方法: ```javascript var nodes = Ext.query('div....

    ext.net 动态创建gridpanel

    在这个场景中,我们将深入探讨如何使用Ext.NET代码动态创建GridPanel,并在各种窗口中灵活展示。 1. **动态创建GridPanel**: 在Ext.NET中,动态创建GridPanel意味着在运行时根据需要生成组件。这通常涉及到在...

    4.0Ext 本地化

    store: Ext.create('Ext.data.ArrayStore', { fields: ['abbreviation', 'name'], data: Ext.local.languages }), displayField: 'name', valueField: 'abbreviation', queryMode: 'local', listeners: { ...

    Ext js Xtype

    ### Ext JS Xtype详解 在深入探讨Ext JS的Xtype之前,我们首先了解其核心概念。...掌握Xtype的概念和使用方法,将极大地提升开发效率和组件的复用性,使开发者能够快速构建出功能丰富、界面美观的Web应用程序。

    Ext表格控件和树控件

    var store = new Ext.data.ArrayStore({ fields: ['name', 'organization', 'homepage'], data: data }); var grid = new Ext.grid.EditorGridPanel({ title: '可编辑表格', width: 600, height: 300, ...

    ext 4.0 学习笔记.doc

    在本文中,我们将关注EXT 4.0中的Array Grid,这是一种基础的表格展示组件,适合用来显示和操作二维数组数据。 Array Grid的核心是`Ext.grid.Panel`,它是EXT JS中的一个核心组件,用于呈现数据表格。`Ext.grid....

    ext2.0 中文资料(含多例子)

    4. **国际化支持**:通过配置语言包,可以在不同的语言环境中使用Ext 2.0。 综上所述,Ext 2.0是一个非常强大且灵活的JavaScript框架,它不仅提供了丰富的UI组件,还具有出色的文档支持和社区活跃度。无论是构建...

    ExtJS ToolTip功能

    通过上述示例,我们了解了如何在ExtJS中使用`ToolTip`功能为网格中的每一列提供额外的信息提示。这种方式不仅提高了应用的交互性,也增强了用户体验。此外,我们还学习了如何定义组件、配置布局、设置数据存储、添加...

    ExtJS实用开发指南

    #### 四、ExtJS的使用方法 **1. 初始化环境** - 在HTML文件中引入ExtJS库文件: ```html <script type="text/javascript" src="path/to/ext-all.js"> ``` - 定义启动函数: ```javascript Ext.onReady...

    ExtJs表格grid中文排序函数方法

    ExtJs中文排序函数方法详解 在ExtJs框架中,实现中文排序功能是一件非常重要的事情。今天,我们将详细介绍如何使用ExtJs实现中文排序,特别是使用Ext.data.Store.prototype.createComparator()函数来实现中文排序。...

    Extjs中文教程2.x

    - **示例**: 使用 `Ext.Fx` 和 `Ext.Element` 类中的动画函数实现动态效果。 #### 五、元素操作与模板 **5.1 元素操作** - **工具**: `Ext.DomHelper` 类提供了创建、操作 DOM 元素的方法。 - **示例**: `Ext....

    GXT组件使用教程4——Aggregation Grid

    GXT支持多种数据源,如ArrayStore、JsonStore等。将数据源与Aggregation Grid绑定,可以通过`bindStore`方法实现,这样数据的任何改变都会实时反映在Grid上。 5. **自定义聚合** 如果内置的聚合函数不能满足需求...

    extjs模仿excel效果

    在本项目中,我们将探讨如何使用ExtJS来模仿Excel的表格效果,这涉及到表格的动态渲染、数据编辑、排序、过滤以及公式计算等多个方面。 首先,实现Excel的表格效果,我们需要创建一个基于ExtJS的GridPanel。...

    ext-3.2.0.zip_JavaScript/JQuery_Java_

    它可以绑定到各种数据源,如ArrayStore或JsonStore,提供高度定制的列和行配置。 7. **表单组件**: 表单组件是ExtJS的核心组成部分,包括各种输入控件(文本框、下拉框、复选框等)和验证机制。表单数据可以轻松...

    AnyFo_-_ExtJS_移魂大法

    store: new Ext.data.ArrayStore({ fields: ['id', 'name'], data: [['1', 'Option 1'], ['2', 'Option 2']] }), displayField: 'name', valueField: 'id', mode: 'local' }); ``` #### 6. Tree ExtJS中...

    Extjs4佈局詳解

    var store = Ext.create('Ext.data.ArrayStore', { fields: [ {name: 'company'}, {name: 'price', type: 'float'}, {name: 'change', type: 'float'}, {name: 'pctChange', type: 'float'}, {name: 'last'} ...

    extjs 列表框(multiselect)的动态添加列表项的方法

    3. 添加Record到Store:最后,使用`add()`方法将Record对象添加到Multiselect的Store中: ```javascript toflowStore.add(record); ``` 除了添加,EXTJS还提供了`remove()`和`removeAll()`方法来删除列表项。...

    Extjs根据条件设置表格某行背景色示例

    在创建数据存储store时,使用了Ext.data.ArrayStore(),它用于加载存储在数组中的数据。ArrayStore是一个简单灵活的数据存储方式,可以快速地将数组转换为表格行数据。在这个过程中,我们还加载了myData数组中的数据...

    Extjs学习笔记之三 extjs form更多的表单项

    在ExtJS中,表单(Form)是构建交互式用户界面的关键元素。本篇笔记将深入探讨一些超越普通HTML表单的ExtJS表单项,这些组件提供了更丰富的功能和更好的用户体验。 首先,我们来看日期选择框(DateField)。在日常...

Global site tag (gtag.js) - Google Analytics