项目中用到需要有时在一个文本框后面加一个按钮,网上找了一个。发现宽度太宽了。自己改了改。可以用了。贴个图吧。
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:"保存并发布"}] }); });