Extjs checkbox处理

         var editForm  = new Ext.form.FormPanel({
             labelWidth: 80,
             buttonAlign: 'center',
             frame:true,
             width: 490,
             reader: reader,
             items: [{
                 xtype: 'textfield',
                 fieldLabel: '用户编码',
                 name: 'user_code',
                 readOnly:true,
                 fieldClass  : "background-color:red;",
                 value: record.get('user_code')
             },{
                 xtype: 'textfield',
                 fieldLabel: '用户名称',
                 name: 'user_name',
                 readOnly:true,
                 value: record.get('user_name')
             },{
                 xtype: 'textfield',
                 hidden: true,
                 name: 'curYear',
                 id:'curYear',
                 value:curYear
             }],
             buttons: [{
                 text: '保存',
                 handler: function() {
                  //首先得到itemsGroup的items 然后循环得到被选择的items的inputValue

                  var ids = [];    
                        var cbitems = itemsGroup.items;    
                         for (var i = 0; i < cbitems.length; i++) {    
                             if (cbitems.itemAt(i).checked) {    
                                 ids.push(cbitems.itemAt(i).inputValue);    
                             }    
                         }
                  
                
                  editForm.getForm().submit({
                     clientValidation: true,
                     waitMsg: '请稍等...',
                     waitTitle: '提交中',
                     url: 'SaveUserRoleServlet',
//可以在submit里边添加参数奖checkbox的值传到后台,后台只需接收ids即可

                     params: {
                      ids: ids
                                  },
                     method: 'GET',
                     success: function(form, action) {
                     Ext.Msg.alert('提交', '保存成功!');
                     },
                     failure: function(form, action) {
                     Ext.Msg.alert('提交', '保存失败!');
                     }
                     }  
                  
                  );
                 }
             }]
         });

 

//itemsGroup 动态生成选项示例

 

      itemsGroup = new Ext.form.CheckboxGroup({
      fieldLabel: '选择权限',
   name:'sysapp_ids',
   width:430,
   itemCls : 'x-check-group-alt',
            columns : 3,
   id:'sysapp_ids',
            items : myCheckboxItems
        });

 var myCheckboxItems = [];
     var myCheckboxItemsTemp = [];
     var AllSysApp=[{appName:'支撑平台(001)',appId:'001'},
                    {appName:'资金监控(211)',appId:'211'},
                                     {appName:'集散账户总账(033)',appId:'033'},
                    {appName:'OA系统(141)',appId:'141'}];
     for (var i = 0; i < AllSysApp.length; i++) {
         var boxLabel = AllSysApp[i].appName;
         var appId = AllSysApp[i].appId;
         myCheckboxItems.push({
                  boxLabel : boxLabel,
                  name : 'sysapp_id',
                  inputValue : appId,
                  checked: false

          });
     }

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值