將動態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]);
    }
}

我沒有包含樹的代碼，但可以在此處找到。 我以為我會把這個放在這里，以防其他人遇到此類問題。 再次感謝你的幫助！