javascript - ExtJS - 获取项目的完整路径

Question

我有 Ext.data.TreeStore。我使用 Ext.data.TreeStore。 每个节点都有唯一的ID。

我需要这样的东西:当我选择节点时，我需要提醒它的完整路径(我的意思是:我的节点 ID、它的父 ID、它的父 ID 和根 ID)。

例如，如果我点击 childOf(2childOf(Root))，我需要 [root, 2childOf(Root), childOf(2childOf(Root))] 的 ID

 ROOT
    1childOf(Root)
    2childOf(Root)
                  childOf(2childOf(Root))

我该怎么做？

Answer 1

节点接口(interface) getPath() , 大概就是你想要的

getPath( [field], [separator] ) : StringGets the hierarchical path from the root of the current node.Available since: 4.0.4Parametersfield : String (optional)The field to construct the path from. Defaults to the model idProperty.separator : String (optional)A separator to use.Defaults to: "/"ReturnsStringThe node path

Here's a small sample

Ext.create('Ext.tree.Panel', {
title: 'Simple Tree',
width: 200,
height: 150,
store: store,
rootVisible: false,
listeners: {
    itemdblclick: function( panel, record, item, index, e, eOpts) {
        alert(record.getPath('text','/'));
    }
},
renderTo: Ext.getBody()

});