您的位置:首页 > 其它

form 跨列布局

2011-06-26 20:54 190 查看
//  2010-12- 10
var PanelField = new Ext.form.FormPanel({
frame : true,
layout : 'form',
labelAlign : 'right',
items : [{
border : false,
layout : 'column',
items : [{
layout : "form",
columnWidth : 1,
labelWidth : 95,
items : [{
xtype : 'textfield',
name : 'houdRegAddr',
fieldLabel : '原档案所在地',
anchor : '50%'
}]

}]
}, {
layout : 'column',
items : [{
border : false,
columnWidth : .25,
labelWidth : 95,
layout : 'form',
items : [{
xtype : 'textfield',
name : 'hodsuRegAddr',
fieldLabel : '档案所在地',
anchor : '100%'
}]

},{
border : false,
columnWidth : .25,
labelWidth : 95,
layout : 'form',
items : [{
xtype : 'textfield',
name : 'houRgegAddr',
fieldLabel : '档案所在地',
anchor : '100%'
}]

},{
border : false,
columnWidth : .25,
labelWidth : 95,
layout : 'form',
items : [{
xtype : 'textfield',
name : 'houRegAgddr',
fieldLabel : '档案所在地',
anchor : '100%'
}]

},{
border : false,
columnWidth : .25,
labelWidth : 95,
layout : 'form',
items : [{
xtype : 'textfield',
name : 'houRegAasddr',
fieldLabel : '档案所在地',
anchor : '100%'
}]

}]

}, {
border : false,
layout : 'column',
items : [{
layout : "form",
columnWidth : .25,
labelWidth : 95,
items : [{
xtype : 'textfield',
name : 'recAddr',
fieldLabel : '现居住地址',
anchor : '100%'
}]

}, {
layout : "form",
columnWidth : .50,
labelWidth : 95,
items : [{
xtype : 'textfield',
width : 10,
name : 'posCode',
fieldLabel : '邮编',
anchor : '100%'
}]

}, {
layout : "form",
columnWidth : .25,
labelWidth : 95,
items : [{
xtype : 'textfield',
width : 10,
name : 'posfdCode',
fieldLabel : '邮编',
anchor : '100%'
}]

}]

}, {
layout : 'column',
items : [{
border : false,
columnWidth : .25,
labelWidth : 95,
layout : 'form',
items : [{
xtype : 'textfield',
name : 'houRegsfsfsAddr',
fieldLabel : '档案所在地',
anchor : '100%'
}]

},{
border : false,
columnWidth : .25,
labelWidth : 95,
layout : 'form',
items : [{
xtype : 'textfield',
name : 'houRefsfdagAddr',
fieldLabel : '档案所在地',
anchor : '100%'
}]

},{
border : false,
columnWidth : .25,
labelWidth : 95,
layout : 'form',
items : [{
xtype : 'textfield',
name : 'houRefasfdsafsagAddr',
fieldLabel : '档案所在地',
anchor : '100%'
}]

},{
border : false,
columnWidth : .25,
labelWidth : 95,
layout : 'form',
items : [{
xtype : 'textfield',
name : 'houRgdfgdfsdegAddr',
fieldLabel : '档案所在地',
anchor : '100%'
}]

}]

}]
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: