天天看點

[ExtJS5學習筆記]第十八節 Extjs5的panel的dockeditems屬性配置toolbar

<a target="_blank" href="http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext-method-each"></a>

------------------------------------------------------------------------------------------------------------------------------------

像Word辦公軟體一樣,我們需要将一些按鈕什麼的放置在我們辦公區域的上方,有時候我們是需要與panel綁定在一起的,這時候,在panel裡面設定一個停靠元件toolbar就可以實作。修改Main.js

在學生清單中的panel元件上增加如下:

[ExtJS5學習筆記]第十八節 Extjs5的panel的dockeditems屬性配置toolbar

顯示效果如下:

[ExtJS5學習筆記]第十八節 Extjs5的panel的dockeditems屬性配置toolbar

為了後期維護友善,我們将新加入的這些停靠内容提取成一個類,如下:

在Main.js中引入這個檔案:

[ExtJS5學習筆記]第十八節 Extjs5的panel的dockeditems屬性配置toolbar

後期想修改這些内容的話,就直接去main下的region的檔案夾下GridToolbar.js檔案就可以了。

繼續閱讀