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 >

你可能感兴趣的:(FormPanel)