色尼玛亚洲综合影院,亚洲3atv精品一区二区三区,麻豆freexxxx性91精品,欧美在线91

學習ExtJS Column布局

一、屬性(構造參數)
baseCls:"x-plain" Panel背景色顏色。
layout:"column" Panel進行列布局。
在子元素中指定使用columnWidth或width來指定子元素所占的列寬度。
columnWidth表示使用百分比的形式指定列寬度。
width則是使用絕對象素的方式指定列寬度,在實際應用中可以混合使用兩種方式。
二、應用舉例
復制代碼 代碼如下:
Ext.onReady(function(){
new Ext.Window({
title:"新增",
width:500,
height:400,
plain:true,
layout:"form",
labelWidth:55,
items:[{
layout:"column",
baseCls:"x-plain",
style:"padding:5px",
items:[{
columnWidth:.5,
layout:"form",
labelWidth:50,
baseCls:"x-plain",
items:[{
xtype:"textfield",
fieldLabel:"姓名"
},{
xtype:"textfield",
fieldLabel:"姓名"
},{
xtype:"textfield",
fieldLabel:"姓名"
},{
xtype:"textfield",
fieldLabel:"姓名"
}]
},{
columnWidth:.5,
layout:"form",
items:[{
id:"name",
xtype:"textfield",
fieldLabel:"照片",
inputType:"image",
width:250,
height:50
}]
}]
},{
xtype:"textfield",
fieldLabel:" 證號"
}],
showlock:false,
listeners:{
"show":function(_window){
if f(!_window["showLock"]){
Ext.getCmp("name").getEl().dom.src = "default_pic.gif" ;
_window.findByType("textfield")[4].getEl().dom.src = "default_pic.gif" ;
// alert(_window.findByType("textfield")[4].fieldLabel);
_window["showLock"]=true;
}
}
},
buttons:[{text:"確定"},{text:"取消"}]
}).show() ;
}) ;

復制代碼 代碼如下:
Ext.onReady(function(){
var _panel = new Ext.Panel({
title:"人員信息",
renderTo:Ext.getBody(),
frame:true,
width:500,
height:300,
layout:"column",
items:[{title:"列1",width:200},
{title:"列2",columnWidth:.3},
{title:"列3",columnWidth:.3},
{title:"列4",columnWidth:.4}
]
})
}) ;

JavaScript技術學習ExtJS Column布局,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 广宁县| 永福县| 保德县| 曲沃县| 开远市| 曲沃县| 禹州市| 内乡县| 奉化市| 江城| 韩城市| 安仁县| 福鼎市| 奎屯市| 平遥县| 池州市| 阳朔县| 巨鹿县| 宁津县| 安化县| 来凤县| 孝昌县| 桐梓县| 汨罗市| 苍梧县| 武清区| 东山县| 汕头市| 滕州市| 柳江县| 汪清县| 张家川| 哈密市| 界首市| 彰化县| 海盐县| 依安县| 比如县| 梁河县| 同心县| 镇原县|