extjs formPanel多列

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html >
  < head >
   < title > Ext.data.XmlReader </ title >
   < meta  http-equiv ="Content-Type"  content ="text/html; charset=utf-8" >

     <!-- -------------- extJs系统必备 开始---------------------- -->
     < link  rel ="stylesheet"  type ="text/css"  href ="http://www.cnblogs.com/ext-3.2.0/resources/css/ext-all.css"   />
     < script  type ="text/javascript"  src ="http://www.cnblogs.com/ext-3.2.0/adapter/ext/ext-base.js" ></ script >
     < script  type ="text/javascript"  src ="http://www.cnblogs.com/ext-3.2.0/ext-all.js" ></ script >
     <!-- -------------- extJs系统必备 结束---------------------- -->


  
< script  type ="text/javascript" >
    Ext.onReady( function  () {
        testForm();
    });

     function  testForm() {

         var  array  =   new  Array();

         // for (var i = 0; i < 100; i++) {
             // array.push({ items: [{ xtype: 'field', fieldLabel: '文本控件'}] });
         // }

         var  extform  =   new  Ext.FormPanel({
                        labelAlign: ' left ' ,buttonAlign: ' right ' ,bodyStyle: ' padding:5px; ' ,
                        frame: true ,labelWidth: 65 ,monitorValid: true ,
                        applyTo: " Div1 " ,
                        items:[
                            {layout: ' column ' ,border: false ,labelSeparator: ' : ' ,
                            defaults:{layout:  ' form ' ,border: false },
                            items:[
                                    { items: [{ xtype:  ' field ' , fieldLabel:  ' 文本控件 ' }] },
                                    { items: [{ xtype:  ' field ' , fieldLabel:  ' 文本控件 ' }] },
                                    { items: [{ xtype:  ' field ' , fieldLabel:  ' 文本控件 ' }] },
                                    { items: [{ xtype:  ' field ' , fieldLabel:  ' 文本控件 ' }] },
                                    { items: [{ xtype:  ' field ' , fieldLabel:  ' 文本控件 ' }] }

                                ] // items
                                }
                        ] // items
                    }) // FormPanel


    }

</ script >

  </ head >
  < body  style ="margin:20px;" >
     < div  id ='Div1' ></ div >< br  />
  </ body >
</ html >

转载于:https://www.cnblogs.com/timy/archive/2011/03/27/1997197.html