您的位置:首页 > Web前端 > JavaScript

Extjs将gird中指定行的复选框勾选

2015-11-12 13:53 363 查看
在Extjs中,可以通过 selType添加复选框

[javascript] view
plaincopy

Ext.define('ConnGrid', {  

            title:'关联',  

            extend: 'Ext.grid.Panel',  

            xtype: 'checkbox-selection',  

            store: connStore,  

            selType: 'checkboxmodel',    //复选框  

            ....此处省略...  

            }  

)  

var connGrid = Ext.create('ConnGrid');  

如果想要在表格加载数据时自动指定符合某个条件的数据自动勾选怎么做呢?

可以在该表格的store的load属性中添加callback,这样将会在store加载完数据后执行,然后通过select方法勾选。

[javascript] view
plaincopy

connStore.load({  

    callback: function(records, options, success){   

         //该数组存放将要勾选的行的record  

         var arr = [];  

         for (var i = 0; i < records.length; i++) {  

             arr.push(records[i]);  

         }  

         connGrid.getSelectionModel().select(arr);//选中指定行   

    }     

});  

我是上面这样写的,但最好是在定义store时写在store的定义里,这样就只写一次可以了,而不必每次调用store.load()方法时都这样写
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: