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:"选择部门"}
]}
]
});