六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 126|回复: 0

Ext.Button 在Ext.form.FormPanel中的定位

[复制链接]

升级  46%

33

主题

33

主题

33

主题

秀才

Rank: 2

积分
119
 楼主| 发表于 2013-2-7 19:53:37 | 显示全部楼层 |阅读模式
主要原理:
利用{html : '<pre></pre>'}填充空格:var Text1 = new Ext.form.TextField({fieldLabel : 'Text1',name : 'creator',width : 100});var Text2 = new Ext.form.NumberField({fieldLabel : 'Text2',name : 'orderId',width : 100});var Text3 = new Ext.form.DateField({fieldLabel : '到',name : 'Text3',width : 100,value : null,format : 'Y-m-d'});var searchBtn2 = new Ext.Button({text : '查询2'});var resetBtn2 = new Ext.Button({text : '重置2'})var formPanel = new Ext.form.FormPanel({height : 100,layout : 'table',layoutConfig : {columns : 2},frame : true,defaults : {bodyStyle : 'padding: 0px;',border : false},labelAlign : 'right',labelWidth : 100,items : [{layout : 'form',items : [Text1]}, {layout : 'form',items : [Text2]}, {layout : 'form',items : [Text3]}, {layout : 'table',items : [{html : '<pre></pre>'}, searchBtn2, resetBtn2]}]});

若按钮紧挨着一个输入框:
{
   layout : 'table',
   items : [{layout : 'form',items : [txt1]},
            {layout : 'form',items : [btn1]}
           ]
}
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表