您的位置:首页 > 其它

Ext.grid.CheckColumn()与 Ext.grid.CheckboxSelectionModel() 的应用

2011-11-21 17:44 555 查看
1.

  var t_sm = new Ext.grid.CheckColumn({dataIndex: 'selflag', width:15});

  var versionList_cm = new Ext.grid.ColumnModel([

      new Ext.grid.RowNumberer(),     t_sm,

      {header : '编码',width : 80,hidden : true, dataIndex : 'id'},

      {header : '名称',width : 70,sortable : true, dataIndex : 'name'},

                {header : '类型',hidden : true,dataIndex:'groupName'}

     ]);

  var showSetting_item = new Ext.grid.EditorGridPanel({

       id : '', clicksToEdit:1,

       store : versionList_ds, cm : versionList_cm,

       view: new Ext.grid.GroupingView({

               forceFit:true,

               groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'

           }),

       viewConfig : {forceFit : true}, autoScroll : true,

       enableColumnHide:false, enableHdMenu: false,

       loadMask:{msg:"数据加载中,请稍等"},border : true,

       //sm:t_sm,

       plugins:t_sm,selModel : new Ext.grid.RowSelectionModel({}),

       deferRowRender:false

    });

2.

  var t_sm = new Ext.grid.CheckboxSelectionModel();

  var versionList_cm = new Ext.grid.ColumnModel([

      new Ext.grid.RowNumberer(),     t_sm,

      {header : '编码',width : 80,hidden : true, dataIndex : 'id'},

      {header : '名称',width : 70,sortable : true, dataIndex : 'name'},

                {header : '类型',hidden : true,dataIndex:'groupName'}

     ]);

  var showSetting_item = new Ext.grid.EditorGridPanel({

       id : '', clicksToEdit:1,

       store : versionList_ds, cm : versionList_cm,

       view: new Ext.grid.GroupingView({

               forceFit:true,

               groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'

           }),

       viewConfig : {forceFit : true}, autoScroll : true,

       enableColumnHide:false, enableHdMenu: false,

       loadMask:{msg:"数据加载中,请稍等"},border : true,

       sm:t_sm, deferRowRender:false

    });

----------------------------

var versionList_ds = new Ext.data.GroupingStore({

   reader : new Ext.data.JsonReader(

     {totalProperty : "totalCount",root : "rows"},

     [

      {name : 'id'},{name : 'name'},{name : 'groupName'},

      {name : 'selflag',type: 'bool'}

     ]

    ),

  remoteSort:false,

  sortInfo:{field: 'id', direction: 'ASC'},

  groupField:'groupName',

  proxy : new Ext.data.DWRProxy(具体的方法, true)

});

对于如果取值问题:

以下是获取表格中所有的值(以上两个方法也可以):

var selDataList = showSetting_item.getStore().data.items;

     var b_value = [];

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

      var temp_obj={};

     

      temp_obj.DimID=selDataList[i].data.id;    

         temp_obj.DimName=selDataList[i].data.name;

         temp_obj.selflag=selDataList[i].data.selflag;

        

         b_value.push(temp_obj);

     }

     b_value=Ext.util.JSON.encode(b_value);

     alert(b_value);

以下是获取表格选中的值:

 var selModel = showSetting_item.getSelectionModel();

     if (selModel.hasSelection()) {

      var selections = selModel.getSelections();

                     Ext.each(selections, function(item) {

                         alert(item.data.name);

                        });

     }

针对“Ext.grid.CheckboxSelectionModel()” 下载默认选中的问题
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息