Ext JS中如何从grid页面取得cloumns中的数据
来源:互联网 发布:万惠事件知乎 编辑:程序博客网 时间:2024/06/02 06:03
接触Ext JS已然过去半个多月,在写项目的时候遇到一个简单的问题,需要将grid中某几列的数据求和,经网上搜索,结果不如人意,经api的查找及尝试,终于找到解决办法。
页面代码简写如下:
Ext.create('Ext.grid.Panel',{
title: //TODO
store://TODO
items:[
tbar://TODO
columns://TODO
bbar://TODO
]
});
想要将columns中的数据取到进行操作,直接想到的是从界面加载好的数据中去拿,但这样做不好,因为如果有很多条数据,而界面上只是预先加载一部分,就会有问题.
Ext JS将所有的从后台取到的数据放在store,所以我们要得到数据就从store中去拿.
var length=this.store.data.items.length;
for(var i=0;i<length;i++){
console.log(this.store.data.items[i].data);
}
这样就取到了columns中的所有数据,如果要的到dataIndex为'number'的一列的数据,只需this.store.data.items[i].data.number即可.
当然,如果非要取页面中的几条数据,length为pageSize即可.
1 0
- Ext JS中如何从grid页面取得cloumns中的数据
- JS下载EXT中指定grid中的数据到EXCEL中
- struts2如何取得数据库中的数据并且传到页面
- jsp页面中table页或者ext grid表格数据导出Excel思路
- ext中将tree中的数据拖拽到grid中,动态生成列
- EXT JS Grid拓展
- ext grid 删除最后一条数据后,页面更新失败
- EXT 中的Grid实例
- ext grid 取得选中行的内容
- EXT JS Grid checkbox GridPanel 中的批量操作
- EXT JS Grid checkbox GridPanel 中的批量操作
- [Ext JS 4] Grid 中的单元格添加Tooltip 的效果
- Ext JS中Ext.grid.Panel或Ext.data.Store中遮罩效果去除
- ext js中grid的服务器错误处理
- Ext js 中grid的renderer参数含义
- 多个Web Part 如何关联,如何从另一Web Part 中取得数据?
- Ext中数据在grid之间移动换行
- 利用IDC从数据库中取得数据
- 飛飛(二十九)工资类数组的应用
- 深入理解计算机系统bomb_lab
- 【项目那些事】项目管理真的可以完全靠人来管理吗?
- 浅谈Hibernate中映射集合属性以及主键和外键
- KPM、BM、 AC、ACBM算法分析
- Ext JS中如何从grid页面取得cloumns中的数据
- bzoj 1202 [HNOI2005]狡猾的商人
- windows彻底删除服务
- alertView的简单封装
- Action属性值
- java list 数组 转换
- bzoj 1610: [Usaco2008 Feb]Line连线游戏(计算几何)
- STM32之GPIO
- 策略模式与简单工厂模式的区别