jsrender - 视图模型更改时 JsViews #index 未更新

Question

我是否必须以某种方式强制刷新？当我调用“删除”时，我有一个更新的网格，但索引没有重新编号。

有没有人遇到过这个？

**Remove function:**
$("#result")
   .on("click", ".change", function(){
     var dataItem = $.view(this).data;
         $.observable(dataItem).setProperty("name", dataItem.name + "*");
    })
  .on("click", ".remove", function(){
     var index = $.view(this).index;
         $.observable(people).remove(index);
   });

http://jsfiddle.net/mawaru/mfMBA/

更新：我想我想通了。

我添加了这一行。

      $.observable(people).refresh(people);

那是对的吗？

Answer 1

您呈现#index 的标签不是数据绑定的。你需要写：

<span>{^{:#index + 1}}</span>

或者

<span data-link="#index + 1"></span>

调用$.observable(people).refresh(people);将起作用，因为它重新呈现所有项目，而不是增量插入或删除。但是我上面建议的方法更好，因为它们允许插入和删除是增量的。