如何更改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 替换它，这是有效的。但是我没有面对按钮的高度问题，因为按钮是在其配置中指定的高度。 检查给定的小提琴运行代码。如果有任何问题，请回复。