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

그 버튼 폭 구성을 가지고 있지 않은 것, 그래서 버튼 있다는 I는 버튼 높이 문제에 직면 didnt하는 worked.But 의 maxWidth, 그것을 대체 그것의 config에 지정된 높이를 취한다. 코드 실행에 대해 주어진 바이올린을 확인하십시오. 우려 사항이 있으면 다시 확인하십시오.