`

Ext学习_FormPanel布局3

 
阅读更多
{
			 //行3
			 layout: "form",
			 style: "text-align: left",
			 items: [
			  {
				  xtype: "textfield",
				  fieldLabel: "奖励",
				  width: 567
			  },{
				  xtype: "textfield",
				  fieldLabel: "处罚",
				  width: 567
			  }        
			 ]
		 } ,{
			 //行4
			 layout: "column",
			 items: [
			   {
				   layout: "form",
				   columnWidth: 0.2,
				   items: [
				     {
				    	 xtype: "textfield",
				    	 fieldLabel: "电影最爱",
				    	 width: 50
				     }   
				   ]
			   },{
				   layout: "form",
				   columnWidth: 0.2,
				   items: [
				     {
				    	 xtype: "textfield",
				    	 fieldLabel: "音乐最爱",
				    	 width: 50
				     }
				   ]
			   },{
				   layout: "form",
				   columnWidth: 0.2,
				   items: [
				     {
				    	 xtype: "textfield",
				    	 fieldLabel: "明星最爱",
				    	 width: 50
				     }
				   ]
			   },{
				   layout: "form",
				   columnWidth: 0.2,
				   items: [
				    {
				    	xtype: "textfield",
				    	fieldLabel: "运动最爱",
				    	width: 50
				    }        
				   ]
			   }        
			   
			 ]
		 },{
			 //行5
			 layout: "form",
			 items: [
			  {
				  xtype: "htmleditor",
				  fieldLabel: "获奖文章",
				  enableLists: false,
				  enableSourceEdit: false,
				  height: 150,
				  width: 567
			  }
			 ]
		 }       
		],
		buttonAlign: "center",
		buttons: [
		 {
			 text: "提交"
		 },
		 {
			 text: "重置"
		 }
		]
		
	});
});
 
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics