model-view-controller - 对于 this.control() 中的这个示例，我应该使用什么 ComponentQuery？

Question

我有：

1.) 我应该在 this.control() 中输入什么来获取对网格面板的引用？

我的计划是，当用户双击一行时，会创建新选项卡。我已经有了创建新标签的代码，但我只需要参考网格面板。

像这样的东西：

'viewport > westpanel > accordion > gridpanel': {
   doubleclick: function...
}

2.) 假设我为网格面板提供了一个 ID。如何使用 .get 方法在 this.control 中获取参考？

3.) 我怎样才能确定我得到了正确的参考？我可以 console.log() - 它或类似的东西吗？

我会知道如何在没有 MVC 的情况下做到这一点，但在这里我需要帮助。:)

谢谢！:)

Answer 1

一旦你了解了如何使用它就很容易了。首先，您应该阅读有关控件中使用的ComponentQuery原因的 API。

1. 这取决于您的组件。你可以通过 xtype'panel > grid': {itemdblclick:this.yourCallback}

2. 据我所知，如果您无法通过 xtypes'#myID': {itemdblclick:this.yourCallback}使用控件中定义的 refs 定义真正唯一的路径，那么推荐的方法在当前版本中是不可能的。

3. 使用 Id 而不仅仅是 xtypes'#myID > grid': {itemdblclick:this.yourCallback}或定义额外的参数'#myID > grid[customProp=identString]': {itemdblclick:this.yourCallback}