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

そのボタンが幅設定を取っていないようですので、私はボタンがあったように、私はボタンの高さの問題に直面していませんでしworked.But のmaxWidth、とそれを置き換えますその設定で指定された高さをとります。 コードを実行しているかどうかを確認します。