1

AJAX リクエストに対する応答を受け取った後、dynatree をリロードできません。以下のコードにプルダウン「plan.viewType」があります。このプルダウンで選択された新しい値に対して JS 関数を呼び出しています。これにより、AJAX 関数が呼び出されます。

<form:select path="plan.viewType" id="viewType" style="width:11.6em" onChange="loadView()" multiple="false">
<form:options items="${plan.viewType}"/>
</form:select>

dim_tree と kpi_tree という 2 つのツリーがあります。

$(document).ready(function(){           
$.fn.clearable = function (treeid) {
    var $this = this;
    $this.wrap('<div class="clear-holder" />');
    var helper = $('<span class="clear-helper">x</span>');
    $this.parent().append(helper);
    helper.click(function(){
        $this.val("");
        $('#' + treeid).dynatree('getRoot').search("");
    });
};

$("#dimsearch").clearable("dim_tree");
$("#kpisearch").clearable("kpi_tree");

$("#dim_tree").dynatree({
    checkbox: true,
    selectMode: 3,
    children: (isEdit == "true")? eval('('+'${plan_dimension_edit_info}'+')') : eval('('+'${plan_dimension_info}'+')'),
    dnd: {
        onDragStart: function (node) {
            return false;
        },
        onDragStop: function (node) {
            return false;
        },
        onDragOver: function (targetNode, sourceNode, hitMode) {
            return false;
        },
        onDrop: function (targetNode, sourceNode, hitMode, ui, draggable) {
            return false;
        }
    },
    onSelect: function(select, node) {
        if(select && dimKPIMisMatch(node)) {
            node.select(false);
            //showToolTip(node.span, dimMsg);
            return;
        }
        createTreeSortable(select, node, "DIM");
    }
});

$("#kpi_tree").dynatree({
    checkbox: true,
    selectMode: 3,
    children: (isEdit == "true")? eval('('+'${plan_measurement_edit_info}'+')') : eval('('+'${plan_measurement_info}'+')'),
    dnd: {
        onDragStart: function (node) {
            return false;
        },
        onDragStop: function (node) {
            return false;
        },
        onDragOver: function (targetNode, sourceNode, hitMode) {
            return false;
        },
        onDrop: function (targetNode, sourceNode, hitMode, ui, draggable) {
            return false;
        }
    },
    onSelect: function(select, node) {
        if(select && kpiDIMMisMatch(node)) {
            node.select(false);
            //showToolTip(node.span, kpiMsg);
            return;
        }
        createTreeSortable(select, node, "KPI");
    }
});
}); 

以下の AJAX 呼び出しから応答を受け取ったら、これら 2 つのツリーをリロードしたいと思います。

var loadView = function() {
if($("#viewType").val() == "Default View") {
    $.ajax({
        url : "planmntsdefault.do",
        type : "GET",
        success : function (data) {
            var node = $("#dim_tree").dynatree("getTree").getRoot();
            if(node && node.isLazy())
            {
                node.reloadChildren(function(node, isOk){
                    if(!isOk) alert("Node " + node + " could not be reloaded.");
                    else alert("Tree reloaded");
                });
            }
            else
            {
                node.activate();
                node.reloadChildren(function(node, isOk){
                    if(!isOk) alert("Node " + node + " could not be reloaded.");
                    else alert("Tree reloaded");
                });
            }

            node = $("#kpi_tree").dynatree("getTree").getRoot();
            if(node && node.isLazy())
            {
                node.reloadChildren(function(node, isOk){
                    if(!isOk) alert("Node " + node + " could not be reloaded.");
                    else alert("Tree reloaded");
                });
            }
            else
            {
                node.activate();
                node.reloadChildren(function(node, isOk){
                    if(!isOk) alert("Node " + node + " could not be reloaded.");
                    else alert("Tree reloaded");
                });
            }
        },
        error : function ( xhr, textStatus, error ) {

        }
    });
}
}

DynaTree をリロード/リフレッシュ/再起動する方法について、他の投稿を参照しましたか? 問題を解決しませんでした。破壊してリロードする別のバリ​​エーションを試しました。これらのアプローチはどちらも機能しません。ここで何か不足していますか?ありがとう。

4

2 に答える 2

2

これを試すことができます:

    success : function (data) {
        $("#dim_tree").dynatree("getTree").reload();
        $("#kpi_tree").dynatree("getTree").reload();
    },
于 2013-08-01T10:26:40.547 に答える