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에 따라 라이센스가 부여됩니다.