尝试使用新数据重新加载/刷新dynatree

Question

我已经看过这个问题了,我已经尝试了给出的解决方案(使用tree.reload()),但它对我不起作用.我有一个使用initAjax()在doc就绪初始化的树,我正在尝试使用不同的值重新加载树,以更改选择输入.基本上这个:

$(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();           
    )};
)};

问题是树继续使用相同的参数重新加载...我可以在控制台的网络选项卡中看到,每次发送的参数都是相同的,即使我已经确认我的目标是正确的元素,并在变化时获得正确的价值.

我试过改变变量的范围,我尝试将dynatree选项放在一个单独的变量中,我试过调用

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

在change()函数内部,我试过调用tree.initialize()(是的,我知道它是构造函数),我已经尝试过tree.redraw(),我在调用reload之前尝试过单独设置initAjax选项( ),我被卡住了.

有任何想法吗？

在这一点上,我决定唯一要做的就是将树初始化放入一个函数中,当更改select选项时,吹走树(包括其父div)并重建它.如果没有其他方法可以使用新数据重建树,我会感到惊讶,这与我使用其他小部件的经历背道而驰.

Answer 1

这个问题与此重复: 如何重新加载/刷新/重新启动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上的配置,然后重新加载树.

Answer 2

我在dynatree谷歌小组发现了这个.这个对我有用.

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

这是原始链接.