sencha gridpanel checkbox 复选框的勾选

gridpanel显示checkbox:

添加SelectionModel为Checkbox Selection Model

{

                    xtype: 'gridpanel',

                    id: 'Grid1',

                    header: false,

                    title: '条线列表',

                    deferRowRender: false,

                    forceFit: true,

                    store: 'NewTiaoXianStore',

                    columns: [

                        {

                            xtype: 'gridcolumn',                           

                            dataIndex: 'Id',

                            text: 'Id'

                        },

                        {

                            xtype: 'gridcolumn',

                            dataIndex: 'Name',

                            text: '条线名称'

                        },

                        {

                            xtype: 'gridcolumn',

                            dataIndex: 'Description',

                            text: '条线描述'

                        }

                    ],

                    selModel: Ext.create('Ext.selection.CheckboxModel', {

 

                    })

                }

 

 

复选框的勾选

在load回调中根据字段checked值判断是否勾选

var store=Ext.getStore("Store");

store.proxy.extraParams={method:"GetList"};

store.load({

    callback:function(records, options, success){

        for(var i in records)

            {

                if(records[i].data.checked)

                    {                   

                        Ext.getCmp("Grid1").getSelectionModel().select(records[i],true); //勾选该记录

                    }

            }

}});

 

 

//grid根据行号(从0开始)选中

//第一个参数可以是行号或者records合集,第二个参数true表示保持之前勾选的(追加)

Ext.getCmp("Grid1").getSelectionModel().select(rowIndex,true); 

 

From:http://www.cnblogs.com/xuejianxiyang/p/5220397.html

你可能感兴趣的:(sencha gridpanel checkbox 复选框的勾选)