How to update listview item after data change

[TotalParts]

I am looking at Metro to rebuild an old 'admin' application. I started with the Pandora template since it seems a good starting point. I am completely new to Metro/Pandora, but know my way around html, css, and javascript. I do not use or want to use JQuery.
I have a dual pane window with a listview with contacts, Name, Firstname, PhoneNo on the left and a edit component for the selected contact on the right. The listview is dynamically populated with fetch, after select the edit component is populated with the contact values and stores the values after update.

How can I update the selected listview item to reflect changes made to Name, Firstname and/or PhoneNo in the edit component?
For now I am replacing the outerHTML of the selected LI element with a complete formatted LI html string, but I would think there should be an easier way to update only the listitem values.