如何更改extjs中的按钮大小

Question

在此菜单中，我想更改按钮大小，我尝试了一些代码但它不起作用。我需要对以下代码做哪些更改才能更改按钮的高度和宽度？

listeners: {
            afterrender: function () {
                var menu = Ext.ComponentQuery.query('grid')[0].headerCt.getMenu();
                menu.add([{
                    text: 'Search',
                    iconCls: 'x-fa fa-home',
                    handler: function () {
                        console.log("Search Item");
                    }
                },{ 
            xtype: 'textfield',
            fieldLabel : 'Filter By',
            width: 300,
            height: 20          
          },{

          xtype: 'button',
          fieldLabel : 'Filter By',
          text : 'Ok',
          width: 15,
          height:25,
          maxLength: 10,
          enableToggle: true
          } ,{

          xtype: 'button',
          text : 'Cancel',
          width: 15,
          height:25,
          maxLength: 10,
          enableToggle: true
          }


          ]);



            }
        }

Answer 1

https://fiddle.sencha.com/#view/editor&fiddle/27qe

似乎按钮没有采用宽度配置，所以我将其替换为 maxWidth，worked.But 我没有遇到按钮的高度问题，因为按钮采用了高度这是在其配置中指定的。如果有任何问题，请检查 fiddle 运行 code.Reply。

如何更改extjs中的按钮大小

How to change the button size in extjs

extjs

extjs4

extjs4.2