extjs grid checkbox 默认选中

extjs grid checkbox 默认选中

(2010-04-01 16:21:05)

转载

标签： extjs checkbox it

分类：extjs

var sm2= new Ext.grid.CheckboxSelectionModel({
                   singleSelect:this.is_singleSelect,
                    renderer:this.checkboxRenderer.createDelegate(this) //注意添加这个renderer
 });      　    
           this.grid = new Ext.grid.GridPanel({//列表
                        border:false,  
                        height:300,
                        store: ds,
                        cm: colModel,
                        sm: sm2,
            });
//定义renderer
checkboxRenderer:function(value, cellmeta, record,rowIndex, columnIndex, store){
         var row =  this.grid.getStore().getById(record.id);
         var id = row.get(this.id_key); //this.id_key 是一行的key 这样，可以根据这一行资料确定是否需要默认选择或根本就不出现选择框。
         var isSelect = false;
//选中逻辑
        if(!isSelect){
            return '<div  class="x-grid3-row-checker">&nbsp;</div>';
        }else{
            return '';
        }
                
  },

Ext.onReady(function() {
  var testData = [
    ['1','xxxxx'],
    ['2','aaaa'],
    ['3','xxyyy'],
    ['4','bbbb']
  ];

  var selectValue = ['bbbb','aaaa']

	var store = new Ext.data.SimpleStore({
      fields:['id','name']
	});
  var sm = new Ext.grid.RowSelectionModel({
    listeners:{
      'rowselect':function(sm,rowIndex,r){
        Ext.log("select",rowIndex,r.get('name'))
      }
    }
  });
	var grid = new Ext.grid.GridPanel({
	    width: 800,
	    height: 500,
	    autoScroll: true,
	    store: store,
      sm:sm,
	    columns: [
	        sm,
	        { header: '序号', dataIndex: 'id', sortable: true },
	        { header: '名字', dataIndex: 'name', sortable: true }
	    ]
	});
  var v = new Ext.Viewport({
    items:[grid]
  });
  store.on('load',function(store,records,options){
    var arr=[];
    for(var i=0;i<records.length;i++){
      var record = records[i];
      var isMatch = selectValue.indexOf(record.get('name'))!=-1;
      if(isMatch){
        arr.push(record);
      }
    }
    sm.selectRecords(arr);
  },this,{delay:1000})
  store.loadData(testData);
});

提问者对于答案的评价：
确实是需要延时，谢谢你了~~

其他回答

Ext.grid.CheckboxSelectionModel 是继承Ext.grid.RowSelectionModel的.
看下API:
selectRecords( Array records, [Boolean keepExisting] ) : void
Select records.

Parameters:

records : Array
The records to select

keepExisting : Boolean
(optional) True to keep existing selections
Returns:
void

你可以在store的load事件里面,遍历查找你要的record,
然后执行grid.getSelectionModel().selectRecords(

var sm = grid. getSelectionModel();//获得选择模型
sm.selectAll();
sm.selectFirstRow();
sm.selectLastRow();
selectNext();
selectPrevious();
selectRange( Number startRow, Number endRow, [Boolean keepExisting] ) ;
selectRecords( Array records, [Boolean keepExisting] );
selectRow( Number row, [Boolean keepExisting] );