?來源：http://m.cnblogs.com/17054/1247655.html

[圖片][圖片]var simpleForm = new Ext.FormPanel({ [圖片] labelAlign: 'left', [圖片] title: '表單例子', [圖片] buttonAlign:'right', [圖片] bodyStyle:'padding:5px', [圖片] width: 600, [圖片] frame:true, [圖片] labelWidth:80, [圖片][圖片] items: [{ [圖片] layout:'column', //定義該元素為布局為列布局方式 [圖片] border:false, [圖片] labelSeparator:'：', [圖片][圖片] items:[{ [圖片] columnWidth:.5, //該列占用的寬度，標識為50％ [圖片] layout: 'form', [圖片] border:false, [圖片][圖片] items: [{ //這里可以為多個Item，表現出來是該列的多行 [圖片] cls : 'key', [圖片] xtype:'textfield', [圖片] fieldLabel: '用戶名', [圖片] name: 'name', [圖片] anchor:'90%' [圖片] }] [圖片][圖片] },{ [圖片] columnWidth:.5, [圖片] layout: 'form', [圖片] border:false, [圖片][圖片] items: [{ [圖片] cls : 'key', [圖片] xtype:'textfield', [圖片] inputType:'password', [圖片] fieldLabel: '口令', [圖片] name: 'passwd', [圖片] anchor:'90%' [圖片] }] [圖片] }] [圖片] }] [圖片]})??

總結

以上是生活随笔為你收集整理的Ext FormPanel布局 （一行显示两对控件元素）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。