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:"保存并发布"}]
                  });  
        });

你可能感兴趣的:(Ext)