4

私はすでにこの質問を見て、与えられた解決策を試しました（tree.reload（）を使用）が、うまくいきません。initAjax() を使用してドキュメントの準備が整った状態で初期化されたツリーがあり、選択入力の変更時に、異なる値を使用してツリーをリロードしようとしています。基本的にこれ：

$(document).ready(function(){
    // global variables
    var myVal = 'initial value';

    // initialize tree
    $('#tree').dynatree({
        persist: false,
        initAjax: {
            url: 'getMyStuff.cfc',
            data: { myParam: myVal }
        },
        ... more params
    )};

    // select change handler
    $('#mySelect).change(function(){
        var tree = $('#tree').dynatree('getTree');
        myVal = $(this).find('option:selected').val();
        tree.reload();           
    )};
)};

問題は、ツリーが同じパラメーターでリロードされ続けることです...コンソールのネットワークタブで、送信されるパラメーターが毎回同じであることを確認できます。正しい要素であり、変更時に正しい値を取得しています。

変数のスコープを変更してみました。ダイナツリー オプションを別の変数に配置してみました。呼び出してみました。

$('#tree').children().remove();
$('#tree').dynatree(treeoptions);

change() 関数内で、tree.initialize() を呼び出してみました (はい、コンストラクターであることはわかっています)。tree.redraw() を試しました。reload( を呼び出す前に initAjax オプションを個別に設定してみました）、そして私は立ち往生しています。

何か案は？

この時点で、ツリーの初期化を関数に入れ、select オプションを変更するときに、ツリー (親 div を含む) を吹き飛ばして再構築するしかないと判断しました。新しいデータでツリーを再構築する方法が他にないというのが本当なら、私は驚かれることでしょう。これは、他のウィジェットでの私の経験に反します。

4

3 に答える 3

10

この質問はこれと重複しています: how to reload/refresh/reinit DynaTree?

私のソリューションでは、empty() や destroy() などの回り道は必要ありません。考えてみてください。Dynatree を作成するときに、使用する必要がある設定のディクショナリを指定します。ただし、これは構成辞書であるため、一部のパラメーターが変数であり、クリックなどによって変更されても再評価されません。したがって、これを解決し、DOM の削除や再作成などの高価な操作を回避するために、Dynatree 開発者が考える方法でそれを行います。これは意図されています (ただし、AJAX/JSON の例では明確に文書化されていません):

  //The HTML:
      <input name="filter" id="checkbox" type="checkbox" value="X">Checkme<br>
      <label id="mylabel"></label>

  $("#checkbox").click(function() {
    $("#mylabel").text($(this).is(":checked"))
    $("#tree").dynatree("option", "initAjax", {
             url: "myurl/myphp.php",
             data: {
                myparameter: $("#checkbox").is(":checked").toString()
             }
     });

    $("#tree").dynatree("getTree").reload();
  });

この例では、ボタンがクリックされるたびに #tree に構成を設定し、ツリーをリロードします。

于 2012-10-11T06:23:19.067 に答える
7

これは dynatree google グループで見つけました。わたしにはできる。

$('.tree').dynatree('destroy'); 
$('.tree').empty();

ここに元のリンクがあります。

于 2012-05-14T15:20:03.727 に答える
2

デフォルトの json でブロックを初期化し、ボタンをクリックして、サーバーから更新したかったのですが、これが私がしたことです。最初は、var treeData = [{title: "Dynamic Tree Demo",isFolder : false、ツールチップ: 「これが動的ツリーです!」}];

jQuery(document).ready(function() {
    initReqActions(treeData);   
});

initReqActions= function(myTree){
    $("#dynaTree").dynatree({
        checkbox: false,            
        selectMode: 2,
         // create IDs for HTML elements that are generated
          generateIds: true, 
          cookie: {
              expires :-1  
          },    
        children: myTree,           
        onQuerySelect: function(select, node) {
            if( node.data.isFolder )
                return false;
        },
        onSelect: function(select, node) {
            // Display list of selected nodes
            var selNodes = node.tree.getSelectedNodes();
            // convert to title/key array
            //var selKeys = $.map(selNodes, function(node){
            //     return "[" + node.data.key + "]: '" + node.data.title + "'";
            //});
            //$("#echoSelection4").text(selKeys.join(", "));
        },
        onClick: function(node, event) {
            if( ! node.data.isFolder )
                node.toggleSelect();
        },
        onDblClick: function(node, event) {
            node.toggleExpand();
        },
        onKeydown: function(node, event) {
            if( event.which == 32 ) {
                node.toggleSelect();
                return false;
            }
        }

    });
}

次に、ボタンをクリックすると

        jQuery(document).ready(function() {
      $("#RefreshButton").click(function() {           
       $("#dynaTree").dynatree("option", "initAjax", {
          url: "refreshTree",
          dataType: "json"

       });

      $("#dynaTree").dynatree("option", "children", null);          
      $("#dynaTree").dynatree("getTree").reload();
     });

    });
于 2016-01-05T02:04:16.617 に答える