将动态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]);
    }
}

我没有包含树的代码，但可以在此处找到。 我以为我会把这个放在这里，以防其他人遇到此类问题。 再次感谢你的帮助！