EXTJS4.0 MVC 模式下 表格grid的两种更新方式

本文介绍了两种在ExtJS中动态刷新表格数据的方法:一是通过创建新的Store并使用grid.reconfigure方法来替换原有的Store;二是利用Ext.Ajax进行异步请求,直接更新Store的数据。这两种方法均可有效实现实时数据更新。

1在controller层创建一个新的store,配置好store,再讲表格原先的store覆盖,再重新加载一次store,代码如下:

         var store = Ext.create('Ext.data.Store', {
                         model : "EDU.model.employeeModel",
                         proxy : {
                         url :
                         'employeeAction!getGridEmployee.action',
                         type : 'ajax',
                         reader : {
                         type : 'json',
                         root : 'employee'
                         }
                         }
                         });
                         grid.reconfigure(store);//这个方法就是重新覆盖store,不过好像有个致命bug,就是如果selType为checkBoxModel的话,会有意外惊喜哦!(多列checkbox
                         grid.store.load();

2、使用ajax方式,直接上代码:

Ext.Ajax.request({

                            url : store.getProxy().api['getAll'],

//这个是在store层配置了一个api:{getAll: 'employeeAction!getGridEmployee.action',},(这种方式的精髓
                            success : function(response, opt) {
                                var list = Ext.JSON.decode(response.responseText).employee;
                            //将response返回的字符串转换成对象组
                                store.loadData(list);//此store为girid的store即gird.getStore()

                            }

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值