Extjs爲手風琴內容添加網格面板

Question

我實際上不確定這是否可能，但我仍然會問。我有一組手風琴控件，並且在每個內容主體內需要顯示一個網格面板。網格面板需要附加一個點擊事件。我試圖簡單地創建網格面板並將手風琴的html屬性設置爲它，但這不會產生任何內容。

有什麼我可以實現上述？

Answer 1

您不能將html內容（由屬性插入）連同任何其他內容一起使用。如果添加任何item，則html屬性值將不會設置/覆蓋。但是可以肯定的是你可以將任何你想要的東西放到一個手風琴面板上即使是一個網格。但是對於這種情況，並且基於last question，我建議您將視圖引用到網格中。您可以簡單地使用ComponentQuery

單擊事件可以通過使用控制器的control函數來應用。

爲了您的基本認識：

在ExtJS的你很少使用純HTML代碼。在大多數情況下，您使用任何種類的組件。全部嵌套在items-array或dockedItem-array中。這些數組中的項目也會被佈局系統處理。

適用於控制功能

在以下this一些查詢示例指的是控制器本身。

你知道網格的ID（通常你沒有這樣做）。 ID是由起始#

control({'#yourId': {itemclick: this.onItemclick }}); 

你知道的xtype，並且只有一個這種類型的實例坊間。您還可以使用xtypes之間的空格來描述路徑。

control({'grid': {itemclick: this.onItemclick }}); 

您已將自定義屬性設置爲網格（您可以通過此方式引用任何屬性）。這一個完全兼容上面的那個。 我建議你的情況

control({'grid[customIdent=accordionGrid]': {itemclick: this.onItemclick }}); 

這只是一些使用ComponentQueries方面，這一個，還有更多。如需更詳細的解釋，你應該參考的ComponentQuery

的煎茶API還注意到，每一個組件實現了up()和down()方法也支持ComponentQueries。

我忘了提及：對於一個控件來說，查詢只需要返回一個結果（只有第一個結果會被採用），另一方面ComponentQuery可以返回多個結果。

Answer 2

這是完全可能的，但手風琴的身體不是放置的地方。您需要將其添加到該座位的items: []陣列中。正文（或html）只接受html。 實施例：

http://docs.sencha.com/ext-js/4-1/#!/example/layout/accordion.html

這一個在其內具有一個網格。