如何將按鈕添加到extjs中的底部欄？

我嘗試添加提起文字和按鈕的網格面板中使用的ExtJS下面的代碼：如何將按鈕添加到extjs中的底部欄？

 var shopIdInput = new Ext.form.TextField({ 
      emptyText: "請輸入商戶Id", 
      width: 200 
     }); 

     var deleteOneShopCacheBtn = new Ext.Button({ 
      text : '刪除商戶緩存', 
      handler: deleteOneShopCache, 
      minWidth : 100, 
      cls: "delBtn" 
     }); 
       ...... 
     var grid = new Ext.grid.GridPanel({ 
      store: store, 
      columns: columns, 
      bbar: [shopIdInput, deleteOneShopCacheBtn], 
      buttons: [clearRedressWordCacheBtn, clearSplitWordCacheBtn, clearRegionCacheBtn, clearCategoryCacheBtn, runCommandBtn], 
      items: [commandForm], 
      buttonAlign: 'center', 
      stripeRows: true, 
      autoExpandColumn: 'serverUrl', 
      //title: '批量執行指令', 
      sm: checkboxSelect, 
      frame: true, 
      autoHeight: true, 
      enableColumnHide: false, 
      renderTo : 'serverInfoList' 
     });

但BBAR按鈕deleteOneShopCacheBtn看起來並不像一個普通的按鈕，在按鈕按鈕clearRedressWordCacheBtn。當鼠標在上面時，它會變成一個按鈕。我試圖通過設置屬性cls來解決問題並失敗，那麼我該怎麼辦？

來源

2012-05-03 jerry_sjtu

HTTP {background-image的網址（../路徑/到/圖標）重要！}：// stackoverflow.com/questions/8477879/extjs-button-style-toolbar – MMT

我通常只是添加一個圖標按鈕，這有助於其脫穎而出。所以只設置一個值 iconCls： 'mybuttonicon'

，並在你的CSS .mybuttonicon：;

來源

2012-05-08 10:19:25 gunnx

CLS的配置，可以指定其他類要應用到您的渲染對象（在你的情況下，一個按鈕），但不使其成爲基於鼠標懸停在改變它做任何事情，等

您需要的是一個關於deleteOneShopCacheBtn的偵聽器並偵聽mouseover事件（另請參閱Sencha文檔以查看按鈕響應的事件列表）。你可以啓動一個功能，讓你的按鈕看起來像你想要的。我目前正在工作。如果今晚我回到家時仍然有這個問題，我可以發表一些代碼。

另請參見下面的例子：
Button click event Ext JS }

來源

2012-05-04 18:55:13 Richard

如何將按鈕添加到extjs中的底部欄？

回答

相關問題