`

Ext Store用法

 
阅读更多

后台返回数据

一般在ExtStore的子类有ArrayStore, DirectStore, GroupingStore, JsonStore, XmlStore比较常用的有两种:SimpleStoreJsonStore

1.直接使用Store

var MyRecord = Ext.data.Record.create([

    {name : 'rjp.fuelPhotoId'},

    {name : 'dateString'},

    {name : 'enterName'}

    ]);

    var dataProxy = new Ext.data.HttpProxy(

            {

                url:'runlog/findAllPhoto.action'

            }

    );

    var theReader = new Ext.data.JsonReader({

        root : "list",

        totalProperty : "totalCount"

    }, MyRecord);

    var store = new Ext.data.Store({

        proxy : dataProxy,

        reader : theReader

    });

a.      每个store最少需要两个组件的支持,分别是proxyreaderproxy用于从某个途径读取原始数据,reader用于将原始数据转换成Record实例。

b.      Store内部并不知道数据对象的格式 (它可能是一个Array, XML或者JSON) Store对象使用一个 DataReader 类的可配置实现从数据对象创建 Record 的实例。

c.      Store中的proxy配置项可以替换为url:如果没有指定 proxy,此url将会被用来隐含配置一个 HttpProxy

2.simpleStore的用法和Store相同

3.JsonStore的用法

 

由于Store内部定义为Json格式因此reader配置项不在需要

var queryStore = new Ext.data.JsonStore({

        url : 'runNew/getOperateTicketList.action',

        root : 'list',

        totalProperty : 'totalCount',

        fields : rungridlist //构造器,和上面的MyRecord相同

    });

后台返回的数据是以Json格式返回的:pg是一个对象包含listtotalCount

 

 

本地数据

store : new Ext.data.SimpleStore({

           fields : ['value', 'text'],

           data : [['','全部'],['0','未上报'],['1','采购员已申请']]

       }),

Store中插入一条数据

var storeSubShow = new Ext.data.JsonStore({

        fields : ['empId', 'chsName', 'stationId', 'stationName', 'ssDeptId', 'ssDeptName', 'jdDeptId', 'jdDeptName']

    })

    storeSubShow.insert(0, new Ext.data.Record({

        'empId' : '',

        'chsName' : '',

        'stationId' : '',

        'stationName' : '',

        'ssDeptId' : '',

        'ssDeptName' : '',

        'jdDeptId' : '',

        'jdDeptName' : ''

    }));

分享到:
评论

相关推荐

    Ext.data.Store的基本用法

    Ext.data.Store的基本用法 Ext.data.Store的基本用法 Ext.data.Store的基本用法

    EXT-JS Grid 用法

    EXT-JS Grid 用法 用EXT Designer 工具设计,步骤清晰详尽。

    Ext+JS高级程序设计.rar

    8.3.2 在CRUD操作中restful的设置以及使用Ext.Direct的问题 247 8.4 ListView控件 248 8.5 本章小结 251 第四部分 Ext 扩展和Ext插件 第9章 Ext 扩展 254 9.1 利用Ext.extend实现继承 254 9.2 与Ext扩展相关的预备...

    Ext中下拉列表ComboBox组件store数据格式用法介绍

    代码如下: var p_years = new Ext.form.ComboBox( { fieldLabel : ‘统计年份’, anchor : anchor_w, mode : ‘remote’, maxHeight:100, triggerAction : ‘all’, selectOnFocus : true, forceSelection : true, ...

    DotNet+Ext入门

    Ext的学习笔记:关于Store,GridPanel及其属性的用法,希望能帮助大家

    Ext Js权威指南(.zip.001

    6.1.8 ext.domquery的使用方法 / 249 6.1.9 ext js选择器的总结 / 252 6.2 获取单一元素:ext.dom.element / 252 6.2.1 从错误开始 / 252 6.2.2 使用ext.get获取元素 / 253 6.2.3 使用ext.fly获取元素 / 256 ...

    从Ext grid导出Excel的代码和方法

    使用对ExtGrid 的扩展,根据store里的数据生成xml格式的excel文件,然后导出。

    ExtJS Store的数据访问与更新问题

    可以使用add(Ext.data.Record[] records)或者add(Ext.data.Record record)向store末尾添加一个或多个record。如: 代码如下: var newRecord=new PersonRecord({name:”Tom”,age:22}); store.add(newRecord); add...

    Extjs4 关于Store的一些操作(加载/回调/添加)

    1、关于加载和回调的问题 ExtJs的Store在加载时候一般是延迟...一定要给store的reload方法也添加callback函数,已关闭提示框 例子主要代码如下: 代码如下: varmsgTip; // 一定要定义在使用前,且定义为全局变量 var

    深入浅析Extjs中store分组功能的使用方法

    1、在创建store时,需要设置groupField属性的值,即为需要分组的值 for example: JavaScript代码 Ext.define('Person', { extend: 'Ext.data.Model', fields: ['name', 'sex'] }); 在这个数据模型中,我们需要以...

    ExtJS 自定义分页控件---- PM3PagingToolbar.js

    用法: var grid = new Ext.grid.GridPanel({ bbar: new Ext.PM3PagingToolbar({ store : store, displayInfo : true, displayMsg: '显示 {0} - {1} 行 总数 {2} 行', emptyMsg : '没有数据显示' }) }); ...

    精通JS脚本之ExtJS框架.part1.rar

    6.3 元素常见的使用方法 6.3.1 常见的“显示/隐藏”方法 6.3.2 常见的“内容控制”方法 6.3.3 常见的“操控DOM”方法 6.3.4 常见的“尺寸大小/定位”方法 6.3.5 常见的“特效动画”方法 6.3.6 DomHelper简介 ...

    JavaScript凌厉开发—Ext_JS_3详解与实践ch06

    Ext 的Grid 最大的特点就是显示模型和数据模型分离,数据处理都在Store中,Grid只负责显示和操作控制,通过本章的学习,您将会了解Ext主要部件全方位的使用方法和技巧。

    extjs使用pagingtoolbar时,点击下一页,出现查询结果和查询条件不的解决办法

    extjs的pagingtoolbar 点击下一页时,出现store的load时间,但是只有start和limit这两个参数,这样就出现了,点击下一页...虽然可以通过一次查处所有符合条件的记录,然后根据传入的条件筛选的方法,但是我更喜欢这样~

    webext-redux:一组用于在Web Extensions中构建Redux应用程序的实用程序

    webext-redux允许您像使用Redux的webapp一样构建Web扩展。 后台页面保存Redux存储,而Popovers和Content-Scripts充当UI组件,在它们和后台存储之间传递动作和状态更新。 归根结底,您只有一个真实来源(您的Redux...

    Ext.ux.grid.feature.Searching:ExtJS 4的搜索网格功能

    用法var searching = { ftype: 'searching', minChars: 2, mode: 'local'}var grid = Ext.create('Ext.grid.Panel', { store: store, stateful: true, stateId: 'stateGrid',features: [searching], columns: [{ ...

    精通JS脚本之ExtJS框架.part2.rar

    6.3 元素常见的使用方法 6.3.1 常见的“显示/隐藏”方法 6.3.2 常见的“内容控制”方法 6.3.3 常见的“操控DOM”方法 6.3.4 常见的“尺寸大小/定位”方法 6.3.5 常见的“特效动画”方法 6.3.6 DomHelper简介 ...

    ngx-mini-store:微型但功能强大的Angular状态管理库

    ngx-mini-store 微型但功能强大的Angular状态管理库。 在小型和强大的几个组件之间共享状态。 安装 npm install ngx-mini-store --save # or yarn add ngx-mini-store --save ...export class TasksStore ext

    Extjs EditorGridPanel中ComboBox列的显示问题

    为了解决这个问题需要在EditorGridPanel的ColumnModel中显示ComboBox的地方使用renderer属性,重新渲染,方法如下: 代码如下: //部门列表 var comboxDepartmentStore = new Ext.data.Store({ proxy: new Ext.data....

Global site tag (gtag.js) - Google Analytics