2010年06月01日   ExtJs, 头条, 码农之路   8,612 次浏览
有时候我们需要在表格显示所有数据后全选所有记录,我们该怎么样去实现了?
首先,我们一般需要这样定义一个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 <<<
这篇内容是否帮助到你了呢?
如果你有任何疑问或有建议留给其他朋友,都可以给我留言。