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

这一个在其内具有一个网格。