1. 想用Extjs做一個左右布局的格式
如果是form或者panel可使用column布局處理,
如果是整體頁面的處理可使用panel的region:west和center布局處理。
2. Extjs問題,我想居中顯示欄位,但他一直是居左顯示,代碼如下 :
align: 'center',
加上這個屬性應該就可以了,要是不行,把你代碼貼出來看看
3. Extjs橫排排列元素
加上布局就行了啊~~~
var form = new Ext.form.FormPanel({
layout:"absolute",
items: [
{x: 22, y: 20,xtype:'label',text: '啊啊啊:'
},{x: 80,y: 16,xtype:"textfield",width:150
},{
x: 250,
y: 16,
xtype:'button',
text: ' 搜 索 ',
handler : function(){
}
}]
});
var win = new Ext.Window({
modal:true,
width:350,
height:100,
constrainHeader:true,
collapsible:false,
resizable:false,
closeAction:'hide',
layout : 'fit',
items:[form]
});
layout:"absolute", //這里採用了相對布局,這種可以通過坐標直接定位,不過缺點是不能自適應,除了這個還可以使用ColumnLayout列布局(專門做橫向排列的);TableLayout表格布局,像表格一樣,可以把組件放到相應的單元格中;BorderLayout區域布局,分為東南西北中,一般用於整個界面大的排版;HBoxLayout水平的盒子布局
當然除了上面提到的還有FormLayout表單布局(最常用的),CardLayout卡片布局,FitLayout填充布局,AnchorLayout錨點布局等等,這些不太適合你這個例子用
這些都可以在extjs的api中找到,或者上網看看它自己帶的例子,網上也有很多的介紹,在這不多做解釋了
4. EXTJS 邊框怎麼設置
bodyStyle:'border-width:001px0;'設置你想要的邊框,順序是上右下左。希望有用哈
5. 在ExtJs中,TabPanel中如何布局,讓兩個文本框在一行顯示呢
兩個組件顯示到一行就用布局,從你需要的效果來看,有兩種方法:
1、要用到兩個布內局的結合,分別是容column和form布局;
2、用一種布局加panel代替顯示原來組件的fieldlabel;
我個人比較偏向第一種,代碼如:
...
layout:'column',
items:[
{
columnWidth:.5,
layout:'form',
items:[sexTextFiled] //sex 的組件
},{
columnWidth:.5,
layout:'form',
items:[dateField] //date 的組件
}
]
順便說下為什麼要兩種布局組合,因為column布局的效果不能顯示fieldLabel,只有form布局可以顯示fieldLabel。當然,你要的效果也有其他方法可以實現,希望對LZ有幫助。
6. 在EXTJS中,我需要把一個Panel中的幾個textfield文本框居中 或者居右排列。
試試style:'text-align:center',應該可以。
7. extjs實現文字緊挨著輸入框,如圖所示
其實這個挺簡單 , 吧 field 和 button 用 filecontainer 包裹起來就好了
版本得4.1之後
varform=Ext.create("Ext.form.Panel",{
items:[
{xtype:"textfield",fieldLabel:"姓名"},
//這里用一個fieldcontainer包裹
{xtype:"fieldcontainer",layout:"hbox",items:[
{xtype:"textfield",fieldLabel:"部門",flex:1},
{xtype:"button",text:"選擇部門"}
]}
]
});