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

1、关于加载和回调的问题
ExtJs的Store在加载时候一般是延迟加载的,这时候Grid就会先出现一片空白,等加载完成后才出现数据;因此,我们需要给它添加一个提示信息!
但是Store却没有waitMsg属性。

解决方案
1.给store添加监听器,监听beforeload事件,加载前弹出提示框,加载完成后关闭提示框
2.callback为load的回调函数,在加载完成后执行,因此关闭提示框由它完成;
3.一定要给store的reload方法也添加callback函数,已关闭提示框
例子主要代码如下:

复制代码 代码如下:

varmsgTip; // 一定要定义在使用前,且定义为全局变量
var reportStore=new Ext.data.Store({
proxy:reportProxy,
reader:reportReader,
listeners:{
beforeload:function(){
msgTip = Ext.MessageBox.show({
title:'提示',
width : 250,
msg:'页面报表统计信息刷新中,请稍后......'
});
}
}
});
reportStore.load({
callback: function(records, options, success){
msgTip.hide(); // 加载完成,关闭提示框
}
});
注意:如果有调用reload来重新刷新页面,reload也要添加callback函数来关闭提示框
reportStore.reload({
callback: function(records, options, success){
msgTip.hide(); // 加载完成,关闭提示框
}
});
--------以下为其他参数------
store.load({
params:{start:0,limit:20}, //参数
// callback是加载完毕时执行的回调函数,它包含3个参数:records参数表示获得的数据,
// options表示执行load()时传递的参数,success表示是否加载成功。
callback: function(records, options, success){
Ext.Msg.alert('info', '加载完毕');
},
scope: store, //Scope用来指定回调函数执行时的作用域
add: false //Add为true时,load()得到的数据会添加在原来的store数据的末尾,
//否则会先清除之前的数据,再将得到的数据添加到store中
  
});

2、从一个store添加符合某条件记录给另一个store中

复制代码 代码如下:

var MyDocnumStore_Load = function(store){
//var index = 0;
store.each(function(record) {
if(record.data.PlanCarNo != '' ) { //column_name 替换成你的列名, '1' 替换成你的值
if (record.data.Docnum != _rec.get('Docnum')){
var _TmpStr = record.data.UseDate+'----->'+record.data.PlanCarNo;
myDocnumStore.add({
'UpDocnum':record.data.Docnum
,'DocnumDesc':_TmpStr
,'UseDate':record.data.UseDate
,'PlanCarNo':record.data.PlanCarNo
});
}
}
})
myDocnumStore.sort('UseDate', 'ASC');
};
MyDocnumStore_Load(mystore); //载入可拼车列表;

时间: 2024-12-26 18:27:50

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

用extjs4.1的写的store中的数据加载不到textfiled中,求解啊!

问题描述 用extjs4.1的写的store中的数据加载不到textfiled中,求解啊! var store2 = Ext.create('Ext.data.Store', { model: 'Computer', remoteSort: true, proxy: { type: 'ajax', url: 'computer/FindComByRId.do', reader: { type: 'json', root: 'rcomputer' } } }); 在panel中的 items:[

jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较_jquery

想要添加这个效果,先来弄明白页面的加载和事件执行顺序,看这个简单例子: <html xmlns="http://www.w3.org/1999/xhtml"> <head > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>验证加载顺序</title> <script src=

ExtJS4 组件化编程,动态加载,面向对象,Direct_extjs

ExtJS4推荐定义类的时候均使用Ext.define,利用xtype动态加载 修改了以前的一个登陆窗口,感觉用官方推荐的方法还是很不错的 但还有一些问题没有想得非常清楚,先把代码贴出来一起研究下.请看代码中的注释~~ 使用Ext+.Net,用Direct模式传递数据 Default.aspx: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3

Extjs列表详细信息窗口新建后自动加载解决方法_extjs

在Extjs中,在当前页面的grid页新建了一行数据后,通过表单形式进入详细页面的编辑,此时,为了能让页面自动打开详细页面编辑,我花了三个小时,终于找到了在Extjs下最合适的方案,结果却只有三句话,我想,这可能也是很多Extjs爱好者们想要知道或者已经知道的,为此,将其与大家分享,只求为extjs群体贡献自己的一些想法. 列表在创建后,一般会有一个提示,现在我把我最开始的几个思路与大家讲讲,想直接看结果的可以跳到最后一套方案~ 方案1(放弃). 在新建数据后,向createform方法传送一个

Extjs入门之动态加载树代码_extjs

Extjs动态加载树,首先在数据库里面设计存放树信息的表 复制代码 代码如下: USE [KimiExtjs] GO /****** 对象: Table [dbo].[Trees] 脚本日期: 04/08/2010 22:12:25 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO SET ANSI_PADDING ON GO CREATE TABLE [dbo].[Trees]( [Tid] [varchar](40) COLLA

android中Glide实现加载图片保存至本地并加载回调监听

Glide 加载图片使用到的两个记录 Glide 加载图片保存至本地指定路径 /** * Glide 加载图片保存到本地 * * imgUrl 图片地址 * imgName 图片名称 */ Glide.with(context).load(imgUrl).asBitmap().toBytes().into(new SimpleTarget<byte[]>() { @Override public void onResourceReady(byte[] bytes, GlideAnimation

自写的jQuery异步加载数据添加事件_jquery

几个月前在一个项目中涉及到树形栏,然后看了很多插件,觉得有点麻烦,于是自己写了一个,写着写着就出问题了. 当时项目是通过树形栏进行权限控制的,管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作,可是用$(".XX").click();方法是不行的. 1.之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法,来实现该功能 复制代码 代码如下: $('#div').live('click',function(){ //do stuff }); 但是live方法也有不

DocumentCompleted不大准确,怎样让判断WebBrowser加载一个FlASH网页 加载完毕 然后在进行其他操作

问题描述 我用的是多线程操作加载网页是主线程然后操作给它放在子线程里面主线程跑起来10秒后在运行子线程这个不大方面和通用哪个大侠有好得方法啊!!!!! 解决方案 解决方案二:估计没有这样的event.DocumentCompleted的意思是html文档被载入完成.图片,flash什么的可能还没有被载入.只能用个定时器什么的了.参考下面讨论:HowtoknowthatWebBrowsercontrolhasfinishedloadingallcontentincludingflash?

Android 下拉刷新框架实现、仿新浪微博、QQ好友动态滑到底部自动加载

苦苦找寻的2个版本,经过测试好用.再次感谢原作者! 1.第一个版本 Android 下拉刷新框架实现 http://blog.csdn.net/leehong2005/article/details/12567757 前段时间项目中用到了下拉刷新功能,之前在网上也找到过类似的demo,但这些demo的质量参差不齐,用户体验也不好,接口设计也不行.最张没办法,终于忍不了了,自己就写了一个下拉刷新的框架,这个框架是一个通用的框架,效果和设计感觉都还不错,现在分享给各位看官. 1. 关于下拉刷新 下拉