JSViews:多个'链接

时间:2014-06-29 15:15:23

标签: jsviews

我在JSViews 1.0.0alpha中遇到了一些奇怪的行为。至少,我认为这不是我,但我并不完全确定......

我在一个HTML文件中定义了多个数据和模板部分:

  var data = { extensions: [], queues: [] };

  $.templates({
    extensions: "#extensionsTemplate",
    queues: "#queuesTemplate"
  });

然后我将这些数据绑定到我定义的模板:

  $.templates.extensions.link('#extensions', data);
  $.templates.queues.link('#queues', data);

执行时,只有第一个链接命令才能正常工作。然而,第二个并没有做任何事情。我知道这是正确的,因为如果我注释掉第一个链接,第二个链接就可以了。

我尝试将数据分成多个变量,但这也不起作用。有没有人想过如何获得我正在寻找的行为,即两个数据链接?谢谢!

1 个答案:

答案 0 :(得分:0)

这应该可以正常工作。

这适用于我:

<script id="extensionsTemplate" type="text/x-jsrender">
  a{{for extensions}}{{:#data}}{{/for}}
</script>

<script id="queuesTemplate" type="text/x-jsrender">
  b{{for queues}}{{:#data}}{{/for}}
</script>

<div id="extensions"></div>
<div id="queues"></div>

<script type="text/javascript">

var data = { extensions: [1,2], queues: [3,4] };

$.templates({
    extensions: "#extensionsTemplate",
    queues: "#queuesTemplate"
});

$.templates.extensions.link('#extensions', data);
$.templates.queues.link('#queues', data);

</script>