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
原创粉丝点击