Ext 학습_FormPanel 레이아웃 2

2372 단어 FormPanel
Ext.onReady(function(){
	var form = new Ext.form.FormPanel({
		title: " ",
		width: 650,
		autoHeight: true,
		frame: true,
		renderTo: "a",
		layout: "form", // form 
		labelWidth: 65,
		labelAlign: "left",
		items: [
		 {// 1
			 layout: "column", // 
			 items:[
			        {
			        	columnWidth: .3, // 30%
			        	layout: "form", // 
			        	items: [
			        	  {
			        		  xtype: "textfield",
			        		  fieldLabel: " ",
			        		  width: 120
			        	  }
			        	]
			        	
			        },{
			        	columnWidth: .3,
			        	layout: "form",
//			        	labelWidth: 30,
			        	items: [
			        	   {
			        		   xtype: "textfield",
			        		   fieldLabel: " ",
			        		   labelStyle: 'text-align: right;',
			        		   width: 120
			        	   }
			        	]
			        },{
			        	columnWidth: .4,
			        	layout: "form",
			        	style: "text-align: right",
			        	items: [
			              {
			            	  xtype: "textfield",
			            	  fieldLabel: " ",
			            	  labelStyle: "text-align: right",
			            	  width: 180
			              }
			            ]
			        }
			 ]
		 },{
			 // 2
			 layout: "column",
			 items: [
			    {
			    	columnWidth: .5,
			    	layout: "form",
			    	items: [
			    	 {
			    		 xtype: "textfield",
			    		 fieldLabel: " 1",
			    		 width: 220
			    	 }
			    	]
			    },{
			    	columnWidth: .5,
			    	layout: "form",
			    	style: "text-align: right", // 
			    	items: [
			    	 {
			    		 xtype: "textfield",
			    		 fieldLabel: " 2",
			    		 labelStyle: "text-align: right",
			    		 width: 220
			    	 }
			    	]
			    }
			]
		 },
 

좋은 웹페이지 즐겨찾기