Knockout.js，微风和dynatree / fancytree

Question

我不习惯这种编程/数据管理风格，这真的很棘手。

目前，我要做的只是将通过微风返回的json对象传递到dynatree或fancytree中。

在线上存在的所有示例均假定该树将通过“ initajax”进行ajax调用，或者需要将各种对象传递到其中的一些复杂的自定义绑定处理程序：

ko.bindingHandlers.dynatree = {
    update: function (element, valueAccessor, allBindingsAccessor, viewModel) {
        setTimeout(function () {
            $(element).dynatree({
                noLink: true, // noLink is required to 'unlock' the checkboxes
                minExpandLevel: 2
            })
            // the timeout value shows the correct knockout bindings BEFORE dynatree kicks in.
        }, 1000);
    }
}

对我来说，这一切似乎太复杂了吗？ 我已经有了json对象，我知道那是可行的。 如果我使用敲除来“ foreach”将其绑定到一些普通的html，那么所有数据都会很好地显示。 在我看来，我要做的就是初始化tree div并将其传递给json对象……只是我不知道该怎么做！

我尝试在此处使用jsfiddle： http : //jsfiddle.net/Ebram/UhA3m/5/，但是chrome开发人员工具抱怨当自定义绑定处理程序触发时，元素没有“ dynatree”方法。 它正在传递“ ul”元素，这可能是问题所在-当然，它应该在树div中传递，而不是在ul元素中传递？

无论如何，如果有人能指出正确的方向，我将非常感激。 当我使用John Papa的SPA方法时，我也不确定应该将任何单独的js初始化代码放在哪里，因为基础视图模型不是我进行$（＃tree）的正确位置。打电话，是吗？ 我必须承认我还没有解决这个问题。

我想我所要寻找的只是“一旦该视图的viewmodel完成加载并且敲除绑定完成，初始化dynatree div并将此json对象传递给树”，就可以了。伪代码？

Answer 1

我希望可以向您指出大致正确的方向。

看来dynatree也可以从文件以及AJAX请求中获取JSON。 在此示例“ 延迟加载”中 ，如果您查看源代码，则有：

    // In real life we would call a URL on the server like this:
...
      // .. but here we use a local file instead:

将数据存储在文件中以获取它似乎非常浪费。 既然我们知道它在获取内容方面有点灵活性，让我们看看它在哪里使用数据，也许我们可以让它使用局部变量来代替。 让我们看看它的加载位置

在dynatree源代码中，有一个与appendAjax相关的函数。 （在我的源代码中的1774行。）目前时间有点短，但是我会发现它在哪里获取JSON以及它的作用。 也许您可以在外部执行相同的操作， ajaxOptions的处理以使用JSON变量。