JsViews #index не обновляется при изменении модели просмотра

Question

Должен ли я принудительно обновить? У меня есть сетка, которая обновляется, когда я вызываю «remove», но индексы не переупорядочиваются.

Кто-нибудь сталкивался с этим раньше?

**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/

UPDATE: Я думаю, что я понял это.

Я добавил эту строку.

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

Это правильно?

Answer 1

Ваш тег, который отображает #index, не привязан к данным. Вам нужно написать либо:

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

или

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

Вызов $.observable(people).refresh(people); будет работать, потому что вновь делает все элементы, а не пошагово вставки или удаления. Но подходы, которые я предлагаю выше, лучше, поскольку они позволяют вставлять и удалять инкрементные.