fieldset 多列顯示 extjs

來源:互聯網
上載者:User

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');
              }); <!-- Ext.onReady(function() -->                
              </script>
               <div id="show"></div>
              </div>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.