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

主要原理：
利用{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]}
           ]
}

评论

5 楼 yourgame 2009-07-30  

extjs3.0貌似有 fbar可以利用  这样就好看多了

4 楼 yourgame 2009-07-30  

fireinjava 写道

atian25 写道

没看明白想干嘛?
想填充空格? 用全角空格或者&nbps;

一样的,只是如果按钮前是很长的空格的话用<pre></pre>中间用按TAB键，代码会少点而已

方法不错.值得借鉴.不过把按钮放到这个里面不怎么美观

3 楼 damoqiongqiu 2009-07-09  

也是一种办法，不过FormPanel里面的布局确实不太好弄，如果不想写CSS的话。

2 楼 fireinjava 2009-07-08  

atian25 写道

没看明白想干嘛?
想填充空格? 用全角空格或者&nbps;

一样的,只是如果按钮前是很长的空格的话用<pre></pre>中间用按TAB键，代码会少点而已

1 楼 atian25 2009-07-05  

没看明白想干嘛?
想填充空格? 用全角空格或者&nbps;