jquery - 尝试使用新数据重新加载/刷新动态树

Question

我见过这个question已经，我已经尝试了给出的解决方案(使用 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()，我之前尝试过单独设置initAjax选项调用 reload()，我被卡住了。

有什么想法吗？

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

Answer 1

这个问题是这个问题的重复: 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 上设置配置，然后重新加载树。