Extjs4 树面板扩展到特定级别

Question

我在 Extjs 中处理非常有趣和复杂的任务。我面临树形面板和标签面板扩展的问题。我在 Viewport 表格布局中有一个 Tabpanel。我的 tabpanel 包含 Tab1、Tab2、tab3 等选项卡。其中一些选项卡在左侧有不同的树形菜单。例如，Tab2 可能有树面板节点，如节点 A、节点 B 等。在 Tab3 和 Tab4 我有一些链接指向 Tab2 中的某个节点 B，或者它可能指向节点 B 的子节点。为了最好地了解我的布局，请检查下面的图像。

所以当我点击链接时，Tab2 应该激活，左侧树形面板应该扩展到特定的节点/子节点级别。我在 Extjs2 中做了很多努力。现在我正在迁移到 Extjs4，但它不起作用。

为了更好地理解这个问题，我还添加了 tab3 屏幕。请查看屏幕截图。

当点击 Category:: Node 链接时，“Tab2”应该被激活，左侧树形菜单应该展开到 Node A。当点击 Sub-Category:: Node A - Child A 链接时，“Tab2”应该被激活左侧树形菜单应扩展到节点 A --- > Child A 并且还应选择 Child A。

如果你们向我提出任何帮助，我会很高兴。

任何人都可以有好的想法吗？

Answer 1

这样想吧： 您可以将 id 分配给 Extjs 组件并使用 Ext.getCmp('component_id') 将其取回。所以步骤是：

• 首先将“click”事件处理程序附加到超链接。
• 为标签面板分配 id：这是用 Ext.getCmp('tabpanel_id').setActiveTab(tab_index)。
• 为每个选项卡的左侧面板分配 id：这是为了获取树的根 Ext.getCmp('left_panel_id').store.getRootNode()。 然后您可以使用以下命令跳转到所选节点： root_Node.findChild('attribute_name', 'value_match') 或者 root_Node.getChildAt(index)

在这里您可以解析超链接中的参数，然后将它们用作上述输入。