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

192 篇文章 0 订阅

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()” 下载默认选中的问题

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值