伪造查看器 - 如何与查看器一起显示对象树/组件树？

Question

我们如何显示对象树/组件树以及查看器？这样用户可以点击树节点，然后他可以看到在查看器中选择的对象/dbid？

对此有什么想法吗？

Answer 1

因此，您想通过 Forge Viewer 构建一个类似的模型树。您分享的演示是使用JStree library 列出BIM 360 中的文件。相信您对JsTree 很熟悉。

为了转储 Forge Viewer 的模型树节点，下面的代码可以作为参考。它枚举层次结构并一一获取节点名称和dbId。

function getAllLeafComponents(viewer, callback) {
    var cbCount = 0;  
    var tree;  
    var jsData = []

function getLeafComponentsRec(current,parent) {
    cbCount++;
    if (tree.getChildCount(current) != 0) {
        tree.enumNodeChildren(current, function (children) {
            getLeafComponentsRec(children,current);
        }, false);
    } 
    var nodeName = viewer.model.getInstanceTree().getNodeName(current)
    jsData.push({id:current,parent:parent,text:nodeName})  

    if (--cbCount == 0) callback(jsData);
}
viewer.getObjectTree(function (objectTree) {
    tree = objectTree;
    var rootId = tree.getRootId()
    var nodeName = viewer.model.getInstanceTree().getNodeName(rootId)
    jsData.push({id:rootId,parent:'#',text:nodeName}) 
    var allLeafComponents = getLeafComponentsRec(rootId,'#');

 });
}

要使用该功能，

getAllLeafComponents(viewer, function (jsonData) {
   console.log(jsonData);

})

它转储了可以与 JSTree 一起使用的树。由于数据告诉了DbId，所以当点击JStree节点时，取出dbId，调用

viewer.fitToView([dbId])

它将缩放到对象。