Comment changer la taille du bouton dans extjs

Question

Dans ce menu je veux changer la taille du bouton, j'ai essayé du code mais ça ne fonctionne pas. Quel changement dois-je faire pour le code ci-dessous pour changer la hauteur et la largeur du bouton?

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

Il semble que le bouton ne prend pas config largeur, donc je l'ai remplacé avec maxWidth, qui worked.But je na pas face à problème de taille pour le bouton que le bouton était prendre la hauteur qui a été spécifié dans sa config. Vérifiez le violon donné pour le code de fonctionnement.Répondez s'il y a des problèmes.