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
			    	 }
			    	]
			    }
			]
		 },이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
ExtJS column 레이아웃 후 labelField에 표시되지 않는 문제처음 Extjs의column 레이아웃을 사용할 때 많은 문제를 만났습니다. 기록하여 참고하시기 바랍니다.column 레이아웃에서 label이 표시되지 않거나 컨트롤이 위치를 잘못 표시하는 등 자주 볼 수 있습니다. ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.