fieldset 多列显示 extjs

来源：互联网发布：小蜜书房产软件编辑：程序博客网时间：2024/05/16 01:22

Ext.onReady(function(){
              Ext.QuickTips.init();
                Ext.form.Field.prototype.msgTarget = 'side';
                simple = new Ext.FormPanel({
                  url:'',
                 method:'POST',
                  labelWidth: 75,
                  frame:true,
                  title: 'insert role',
                  bodyStyle:'padding:5px 5px 0',
                  width: 420,
                  defaults: {width: 230},
                  defaultType: 'textfield',
                 onsubmit: Ext.emptyFn,
                 submit: function() {
                  this.getEl().dom.action='javascript:preSubmit();';
                  this.getEl().dom.submit();
                 },
                  items: [
                           {
                           fieldLabel: 'role name',
                           name: 'roleName',

                           allowBlank:false,
                           blankText: '${msgResource["public.can.not.empty"]}'
                         },

                     {
                            xtype: 'fieldset',
                            title: 'Card Service List',
                            autoHeight:true,
                            defaultType: 'checkbox',
                            layout: 'column',
                            columnWidth:'.5',
                            //checkboxToggle:true,
                            hideLabels: true,
                            width: 330,
                            items: [


                      <c:forEach items="${cardServiceList}" var="list" varStatus="status">
                               { boxLabel:'${list.cardServiceAction}',
                                name:'tempPrivilegeId',
                                 width: 115,
                                inputValue:'${list.cardServiceId}'

                                   }<c:if test='${status.last == false}'>,</c:if>
                      </c:forEach>

                            ]


                         },


                     {
                            xtype: 'fieldset',
                            title: 'Platform List',
                           // checkboxToggle:true,
                            autoHeight:true,
                            defaultType: 'checkbox',
                            hideLabels: true,
                           // layout: 'column',
                            //columnWidth:'.8',
                            width: 330,
                            items: [
                      <c:forEach items="${platFormList}" var="list" varStatus="status">
                               { boxLabel:'${list.platformName}',
                                name:'tempPlatformId',
                                inputValue:'${list.platformId}'

                                   }<c:if test='${status.last == false}'>,</c:if>
                      </c:forEach>

                            ]
                         }
                  ],
                  buttons: [{
                       text: '${msgResource["public.submit"]}',
                       handler:function(){simple.form.submit();}
                  },{
                       text: '${msgResource["public.goBack"]}',
                       handler:function(){javascript:goto('listRole.htm');}
                  }]
              });
              simple.render('show');
              }); 
            </script>
               <div id="show"></div>
              </div>