`
编程足球
  • 浏览: 251189 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

Ext.data.Store 小细节收集

    博客分类:
  • Ext
 
阅读更多
1. 常用的初始化方法
新建一个store一般的方法如下(一般从服务器获得数据)
var storeRecord = new Ext.data.Record.create(
	[   
		{name: 'id',   	type: 'string',		mapping:'projectId'},  
		{name: 'name',	type: 'string',  	mapping:'projectName'},  
		{name: 'type', 	type: 'string',		mapping:'type'}
 	]
);
var configProjectAll = new Ext.data.Store({
	proxy : new Ext.data.HttpProxy({  //  加载的远程url
				url : 'findConfigProjectAll.action'
			}),
	autoLoad : 	false,  // 是否自动加载   一般设置false 需要时候在加载
	sortInfo : {field: 'name', direction: 'ASC'},//DESC  排序依据和升or降
	reader   : 	new Ext.data.JsonReader({
						totalProperty : 'totalProperty',
						root : 'root',  // 服务器返回json的根信息
						id :'projectId' // 值为对应的mapping的值
					},
					storeRecord   // 要加载的数据
				)
});


2. 加载数据

store创建好后,需要调用load()函数加载数据,
加载成功后才能对store中的数据进行操作。
load()调用的完整过程如下面的代码所示。
store.load({
	//	params是在store加载时发送的附加参数。
    params: {start:0,limit:20},
	
	//	records参数表示获得的数据(是一个数组)
	//	options表示执行load()时传递的参数 
	//	success表示是否加载成功(true or false)
	//  上面参数具体的用法可以通过ff进行查看,一目了然
    callback: function(records, options, success){
        //  可以通过参数sucess判断是否成功加载
    },
	
	//	用来指定回调函数执行时的作用域。
    scope: store,//  一般不用
	
	//Add为true时,load()得到的数据会添加在原来的store数据的末尾,
    //否则会先清除之前的数据,再将得到的数据添加到store中。
    add: true  //  一般不用
});






3. 后台要返回对应的json格式的数据
{
	"root":
		[
			{
				"processVersion":2,
				"projectId":84,
				"projectName":"a",
				"projectVersion":" ",
				"type":1
			},{
				"processVersion":2,
				"projectId":85,
				"projectName":"b",
				"projectVersion":"10.1",
				"type":1
			},{
				"processVersion":2,
				"projectId":86,
				"projectName":"c",
				"projectVersion":"10.2",
				"type":1
			}
		],
        "success":true,
	"totalProperty":3
}


Store会自动根据传递来的数据进行加载
根据
{name: 'id',   	type: 'string',		mapping:'projectId'},

进行自动匹配,多余的就不匹配.丢弃


2. ext2.2 和 ext3.2 返回值success区别
Ext.data.Store 加载时候
ext2.2 不用管前台放回的是false还是true
ext3.2 如果前台放回success false 无法加载数据  一定要是true

3. stroe加载数据,传递额外信息.并获取
比如:加载数据的同时要向客户端传递查询的sql语句的实现



store.load({
    	params:{
    		start:0, 
    		limit:pageSize
    	},
    	callback: function(records, options, success){
    		sql = this.reader.jsonData.sql; // sql 就是附加的json信息
    	}
    });



4. Store遍历
store.each(function(record){
	var value = record.get(name);//Ext.data.Record.create  对应的name的值
});

  • 大小: 48.6 KB
  • 大小: 28.2 KB
分享到:
评论

相关推荐

    Ext.data.Store的基本用法

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

    Ext3.2的Ext.data.Store类和Ext.Ajax类的实际运用

    环境:Window XP Sp2、Tomcat 6.0、...关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们框架系统是非常有帮助的。本示例代码注释非常详细。 阅读对象:需要使用Ext框架进行Web开发的人员

    Extjs 继承Ext.data.Store不起作用原因分析及解决

    关于这个原因有很多种,我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....

    Ext.data.Store 读取XML属性值

    NULL 博文链接:https://kejiangwei.iteye.com/blog/429617

    Ext.data专题

    Ext.data 在命名空间中定义了一系列store、reader 和proxy。Grid 和ComboxBox 都是以Ext.data 为 媒介获取数据的,它包含异步加载、类型转换、分页等功能。Ext.data 默认支持Array、JSON、XML 等 数据格式,可以通过...

    Ext.DataView 图片列表显示

    store = new Ext.data.Store({ proxy:proxy, reader:reader }); //尾 分页 var pagebar = new Ext.PagingToolbar({ store:store, pageSize:limit, displayInfo:true, displayMsg:'本页显示第{0}条到第{...

    EXT核心API详解

    35、Ext.data.Store类 …………………… 28 36、Ext.data.GroupingStore类 ………… 32 37、Ext.data.SimpleStore类 ………… 34 38、Ext.data.Tree类 …………………… 34 39、Ext.data.Node类 ………………… 34 ...

    extJs 2.1学习笔记

    6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 8. Ext.data.JsonReader篇二 15 9. Ext.data.HttpProxy篇 19 10. Ext.data.Connection篇一 20 11. Ext.data.Connection篇二 24 12. Ext.Updater篇一 26 13. ...

    Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)

    代码如下: var Store = Ext.create(‘Ext.data.Store’, { pageSize: pageSize, model: ‘Ext.data.Model名称’, autoLoad: false, proxy: { type: ‘ajax’, url: ‘请求路径’, getMethod: function(){ return ...

    ExtJs学习笔记,共30讲

    6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 8. Ext.data.JsonReader篇二 15 9. Ext.data.HttpProxy篇 19 10. Ext.data.Connection篇一 20 11. Ext.data.Connection篇二 24 12. Ext.Updater篇一 26 13. ...

    EXT中文开发手册

    中文API文档 数据存储与传输 Ext.data简介 Ext.data.Connection Ext.data.Record Ext.data.Store 基本应用 对数据进行排序 从store中获取数据 更新store中的数据

    Ext Js权威指南(.zip.001

    7.5.4 ext.data.store加载数据的方法 / 350 7.5.5 ext.data.treestore加载数据的方法 / 354 7.5.6 store的配置项 / 358 7.5.7 store的分页 / 359 7.5.8 store的排序:ext.util.sorter与ext.util.sortable / 360...

    jsp+ext4(js部分由Ext Designer生成)

    1.Ext Designer生成的代码,如何使用;通过实例化来使用。...Ext.data.Store Ext.container.Viewport .... 希望能给初学者一点启示吧。 如果有不明白的请我QQ:243596252;时间允许我会帮助大家。。。

    ExtJS入门教程(超级详细)

    35、Ext.data.Store类 …………………… 28 36、Ext.data.GroupingStore类 ………… 32 37、Ext.data.SimpleStore类 ………… 34 38、Ext.data.Tree类 …………………… 34 39、Ext.data.Node类 ………………… 34 ...

    ExtJs + api + 笔记 + 完整包

    ExtJs + api + 笔记 + 完整包

    Ext深入浅出 数据传输

    10.4 Ext.data.Store ...............................233 10.4.1 基本应用...................................233 10.4.2 对数据进行排序.......................234 10.4.3 从store中获取数据...............234 ...

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

    13.5.4 Ext.data.ScriptTagProxy 13.6 数据读取器 13.6.1 Ext.data.DataReader 13.6.2 Ext.data.ArrayReader 13.6.3 Ext.data.JsonReader 13.6.4 Ext.data.XmlReader 13.7 Ext.ux.DWR 13.7.1 Ext.data....

Global site tag (gtag.js) - Google Analytics