将动态 Javascript 树结构加载到 JSP 中

Question

所以我想读取一个数据库，然后形成一个树结构并将其放入我的网页中。我目前正在使用 destroydrop 树，我可以让它自行工作，但是如果我想构建树然后将其放入我的网页中，那么我的页面会被覆盖，因为它使用 document.write(tree ）来创建树。我也尝试过其他一些树，它们都有同样的问题。有人知道我可以动态添加到我的页面而不覆盖那里的内容的树结构吗？谢谢！

Answer 1

您可以尝试 nitobi 树。 Nitobi Completeui 框架有客户端和服务器端。

您可以在代码存储库中找到示例。

Answer 2

非常感谢您的帮助。我最终只是覆盖了 document.write ，因此

document.write = function(){
    document.getElementById("MyDiv").innerHTML = arguments[0];
}

function getTreeStruct() {
new Ajax.Request('MainServlet', {
    method: 'POST',
    parameters: "action=getTreeStruct",
    onSuccess: function(transport) {

        d = new dTree('d');
        d.add(0, -1, 'Root Element');
        //contains data queried from database to be inserted into the tree.
        var responseArray = transport.responseText.split("|");
        //Add each element to the tree object
        iterate1DArray(function(x) {
            var tempArray = x.split(",");
            if(tempArray[1] != undefined
                    && !(tempArray[0] == 0 && tempArray[1] ==0)){
                d.add(tempArray[0], tempArray[1], tempArray[2]);
            }
        }, responseArray);

        document.write(d);

    }
});

}

function iterate1DArray(func, array) {
    for( var i = 0; i < array.length; i++){
        array[i] = func(array[i]);
    }
}

我没有包含树的代码，但可以在 here 找到它。只是想我会把它放在这里以防其他人遇到此类问题。再次感谢您的所有帮助！