Refresh/Update list-item template?

[myTeamWorks]

Hi,

I have the following scenario:

• A listview
• A modalview to edit listview item

Once the listview-item is edited, I would like to close the modalview and update/refresh ONLY the listview-item that was impacted.

Is this possible? If yes, how can I achieve this? I want to avoid to refresh all the listview because the scroll position would be lost :-S.

Thanks for your support.
myTeamWorks

[Alexander Valchev]

Hello,

It is a bit unclear how do you perform the editing. Could you please provide code snippets demonstrating your current implementation.

Generally speaking you should obtain reference to the respective ListView Model and the use its set method. The Model is a collection of key-value pairs and can be retrieved in two ways.

One is through the event argument of the ListView's click event:

• http://docs.kendoui.com/api/mobile/listview#click (e.dataItem)

Another way is to use the Grid dataSource API and the getByUid method, which accepts the data-uid HTML attribute of the ListView's <li> as an argument:

• http://docs.kendoui.com/api/framework/datasource#getbyuid
  
  

Once you have the Model, use its set method to modify the data.

• http://docs.kendoui.com/api/framework/model#set

This will cause DataSource to throw its change event which will force the ListView to refresh automatically. The scroller position should not change.

Another approach is to use MVVM and edit via value bound inputs. The approach is demonstrated in this code library project.

Regards,
Alexander Valchev
the Telerik team