视图模型更改时 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); 会起作用，因为它会重新渲染所有项目，而不是增量插入或删除。但是我上面建议的方法更好，因为它们允许插入和删除是增量的。