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


Posted in Javascript onApril 18, 2013

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); //载入可拼车列表;
Javascript 相关文章推荐
jquery.cvtooltip.js 基于jquery的气泡提示插件
Nov 19 Javascript
jQuery中的.bind()、.live()和.delegate()之间区别分析
Jun 08 Javascript
jquery自定义滚动条插件示例分享
Feb 21 Javascript
JavaScript检测字符串中是否含有html标签实现方法
Jul 01 Javascript
JS使用parseInt解析数字实现求和的方法
Aug 05 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
Apr 17 Javascript
利用纯js + transition动画实现移动端web轮播图详解
Sep 10 Javascript
JS函数节流和函数防抖问题分析
Dec 18 Javascript
JavaScript的查询机制LHS和RHS解析
Aug 16 Javascript
Vue 列表页带参数进详情页的操作(router-link)
Nov 13 Javascript
JavaScript实现网页下拉菜单效果
Nov 20 Javascript
一百多行代码实现react拖拽hooks
Mar 23 Javascript
JQuery 常用方法和事件详细介绍
Apr 18 #Javascript
基于JQuery 滑动与动画的说明介绍
Apr 18 #Javascript
ExtJs默认的字体大小改变的几种方法(自己整理)
Apr 18 #Javascript
基于JQuery 选择器使用说明介绍
Apr 18 #Javascript
关于jquery css的使用介绍
Apr 18 #Javascript
js字符串转换成xml对象并使用技巧解读
Apr 18 #Javascript
jQuery使用技巧简单汇总
Apr 18 #Javascript
You might like
PHP封装的数据库保存session功能类
2016/07/11 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
JavaScript中的Math.atan2()方法使用详解
2015/06/15 Javascript
原生js和jQuery实现淡入淡出轮播效果
2015/12/25 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
2020/11/24 Javascript
利用jQuery解析获取JSON数据
2017/04/08 jQuery
Nodejs回调加超时限制两种实现方法
2017/06/09 NodeJs
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
2018/09/15 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
2018/12/29 Javascript
Bootstarp在pycharm中的安装及简单的使用方法
2019/04/19 Javascript
vue如何自动化打包测试环境和正式环境的dist/test文件
2019/06/06 Javascript
vue列表数据发生变化指令没有更新问题及解决方法
2020/01/16 Javascript
node脚手架搭建服务器实现token验证的方法
2021/01/20 Javascript
使用Python中的线程进行网络编程的入门教程
2015/04/15 Python
解决Python中由于logging模块误用导致的内存泄露
2015/04/23 Python
Python3 伪装浏览器的方法示例
2017/11/23 Python
python读文件保存到字典,修改字典并写入新文件的实例
2018/04/23 Python
Python3.6使用tesseract-ocr的正确方法
2018/10/17 Python
Python3爬虫教程之利用Python实现发送天气预报邮件
2018/12/16 Python
Python项目 基于Scapy实现SYN泛洪攻击的方法
2019/07/23 Python
python shutil文件操作工具使用实例分析
2019/12/25 Python
Django ValuesQuerySet转json方式
2020/03/16 Python
Python+Kepler.gl轻松制作酷炫路径动画的实现示例
2020/06/02 Python
uniapp+Html5端实现PC端适配
2020/07/15 HTML / CSS
德国奢侈品网上商城:Mytheresa
2016/08/24 全球购物
写给老师的表扬信
2014/01/21 职场文书
商场端午节活动方案
2014/01/29 职场文书
《桃林那间小木屋》教学反思
2014/05/01 职场文书
团日活动总结怎么写
2014/06/25 职场文书
租房协议书范文
2014/08/20 职场文书
工作失误检讨书
2015/01/26 职场文书
新闻稿件写作范文
2015/07/18 职场文书
2016年毕业实习心得体会范文
2015/10/09 职场文书
2016最新离婚协议书范本及程序
2016/03/18 职场文书
关于html选择框创建占位符的问题
2021/06/09 HTML / CSS
解决Git推送错误non-fast-forward的方法
2022/06/25 Servers