extjs 文本框后加一个按钮或 文字

项目中用到需要有时在一个文本框后面加一个按钮,网上找了一个。发现宽度太宽了。自己改了改。可以用了。贴个图吧。

 

 Ext.onReady(function(){ new Ext.FormPanel({ id:'typeForm', renderTo: Ext.getBody(), frame: true, height: 'auto',      width:400,      buttonAlign:"center",      // labelAlign: "right", frame: true, labelWidth: 100, title: '函数', items: [        {name: "username", xtype:'textfield', fieldLabel: "函数名"}, {name: "password", xtype:'textfield', fieldLabel: "函数CODE"}, {name: "email", xtype:'textfield', fieldLabel: "是宏"},      { layout:'column',         width:700, items:[ { columnWidth:0.35, layout: 'form', items: [{ xtype:'textfield', fieldLabel: '返回类型', name: 'typeName' }] }, { columnWidth:0.65, layout: 'form', items: [ new Ext.Button({ text:'...浏览', handler:function(){ } }) ] } ]//column->items },        {name: "email", xtype:'textfield', fieldLabel: "类路径"},        { layout:'column',         width:700, items:[ { columnWidth:0.35, layout: 'form', items: [{ xtype:'textfield', fieldLabel: '方法名', name: 'typeName' }] }, { columnWidth:0.65, layout: 'form', items: [ new Ext.Button({ text:'增加参数', handler:function(){ } }) ] } ]//column->items }        ],//最大的ITEMS        buttons:[{text:"保存"}, {text:"保存并发布"}] }); });