javascript - Kendo grid custom editor dropdown list doesn't reflect the selection -

i create dropdownlist editor on grid, works, when click on dropdownlist , select item click somewhere else (lose focus of dropdownlist), selected item doesn't reflect grid, see text before selection (but selected, when click on same item see item in dropdownlist i've selected)

here example:

http://jsfiddle.net/umws5/2/

how make selection reflect grid?

the way commonly solve problem in kendo grid create lookups of available selection items can use retrieve value displayed in grid id:

 window.lookups = {};   var usertypelookup = window.lookups["user_type"] = {};  $.each(user_type, function (idx, value) {      usertypelookup[value.typeid] = value.typename;  }); 

in column template can reference lookup display value:

{       field: "typeid",       editor: usertypelist,       template: '#= lookups["user_type"][typeid] #' } 

here updated fiddle implements approach: http://jsfiddle.net/umws5/4/