javascript - 使用向上和向下箭头导航 Extjs 树

Question

我有一个 extjs 树面板（Ext.tree.Panel）。我想使用向上和向下箭头来导航项目并触发项目单击事件。

让我知道我该怎么做。

谢谢，

Answer 1

您需要为此使用不同的事件调用（afteritemcollapse 和 afteritemexpand）。请参考以下

afteritemcollapse( node, index, item, eOpts )
Fires after an item has been visually collapsed and is no longer visible in the tree. ...
Fires after an item has been visually collapsed and is no longer visible in the tree.
Available since: 4.1.0
Parameters
•node : Ext.data.NodeInterface
The node that was collapsed
•index : Number
The index of the node
•item : HTMLElement
The HTML element for the node that was collapsed
•eOpts : Object
The options object passed to Ext.util.Observable.addListener.

并扩展：

afteritemexpand( node, index, item, eOpts )
Fires after an item has been visually expanded and is visible in the tree. ...
Fires after an item has been visually expanded and is visible in the tree.
Available since: 4.1.0
Parameters
•node : Ext.data.NodeInterface
The node that was expanded
•index : Number
The index of the node
•item : HTMLElement
The HTML element for the node that was expanded
•eOpts : Object
The options object passed to Ext.util.Observable.addListener.

我希望这会帮助你。谢谢