ExtJs GridPanel加载数据后全选所有记录
2010年06月01日 ExtJs, 头条, 码农之路 8,606 次浏览
有时候我们需要在表格显示所有数据后全选所有记录，我们该怎么样去实现了？
首先，我们一般需要这样定义一个GridPanel
var grid = new Ext.grid.GridPanel({ store: areastore, // 数据源 cm: areaCm, border : true, region : "center", loadMask : true, stripeRows: true, iconCls : 'grid-icon', sm:new Ext.grid.CheckboxSelectionModel({singleSelect:false}), // 表格前面的复选框 tbar:[{text:'新增',iconCls : 'icon-add',handler:onAdd}], bbar:authPagingBar }); |
其实，我们只要看懂了上面的定义就不难发现，sm是用来处理选择记录的，并且用到了Ext.grid.CheckboxSelectionModel，所有我们可以通过API来看看CheckboxSelectionModel具有哪些方法。其中就有一个方法，selectAll() : void ，看意思就知道是全选。
那么应该在什么时候去持行这个方法了？肯定是当所有数据加载完后。看下面代码：
// 当数据源中所有数据加载完后持行的方法 areastore.on('load', function() { grid.getSelectionModel().selectAll(); // 选中表中所有记录 }); |
>>> Hello World <<<
这篇内容是否帮助到你了呢？
如果你有任何疑问或有建议留给其他朋友，都可以给我留言。