Question

我指示的帮助器取决于我的模型中的变量，而我在模板中使用的变量在更新依赖变量时不会重新渲染，如http://jsfiddle.net/ep76m4af/3/中所示

以下是数据和模板助手定义：

var data = {
    scenarios: scenarios,
    selectedScenario: scenarios[0],
    selectedInstances: [scenarios[0].instances[0]]
};

$.templates({
    scenariosTemplate: {
        markup: "#view",
        helpers: {
            isSelected: (function () {
                function helper (instance) {
                    return (data.selectedInstances.indexOf(instance) > -1);
                }
                helper.depends = [data, "~root.selectedInstances"];

                return helper;
            })()
        }
    }
});

这是相关的模板代码：

{^{for selectedScenario^instances}}
     <div data-link="{:name} selected{:~isSelected(#data)}"></div>
{{/for}}

使用

向data.selectedInstances添加实例时

$.observable(data.selectedInstances).insert(instance);

视图不会相应更新。

我的代码的“.depends”部分是不正确还是其他错误？

顺便说一句，我需要将选择保留在场景之外，因为场景将存储在数据库中，并且选择仅限于客户端。

Answer 1

将~root.selectedInstances更改为~root.selectedInstances.length解决了问题

 helper.depends = [data, "~root.selectedInstances.length"];

请参阅http://jsfiddle.net/ep76m4af/4/

jsviews reactive helper不会使用depends = [...]定义更新

1 个答案: