Extjs横排排列元素

想做一个输入框去不知道怎么做，求赐教，做成下面这个样子的，要输入框和按钮在一排... 想做一个输入框去不知道怎么做，求赐教，做成下面这个样子的，要输入框和按钮在一排展开

 我来答

2个回答

#热议# 应届生在签三方时要注意什么？

luffy1201
2012-11-26 · TA获得超过1523个赞

知道小有建树答主

回答量：401

采纳率：0%

帮助的人：577万

我也去答题访问个人页

关注

展开全部

加上布局就行了啊~~~
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中找到，或者上网看看它自己带的例子，网上也有很多的介绍，在这不多做解释了


本回答被提问者和网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起