Data Binding Not Showing

[mike]

data comes back from ajax call and after the extend JobViewModel has the field PatientFirstName and is populated
however txt_FirstName is never populated with the value in PatientFirstName

i do var JobViewModel = kendo.observable({     }); because I only want to work with what comes back fro the ajax call

what do I have to do to get this to work?

thanks

<div id="content_wrapper">
  ....many divs deep
              <input type="text" id="txt_FirstName"  data-bind="value: PatientFirstName" />
 
</div>

from ajax call
success: function (data) {
 var JobViewModel = kendo.observable({     });
            $.extend(JobViewModel, data);
            kendo.bind($("#content_wrapper"), JobViewModel);
}

[Alexander Valchev]

Hi Mike,

You should either create a ViewModel from the object that the server sends, or use the set method to update the fields of an existing ViewModel. Please check the following example:

success: function (data) {
  var JobViewModel = kendo.observable(data);
  kendo.bind($("#content_wrapper"), JobViewModel);
}

or

success: function (data) {
  var JobViewModel = kendo.observable({     });

  JobViewModel.set("firstName", data.firstName);
  JobViewModel.set("lastName", data.lastName);

  kendo.bind($("#content_wrapper"), JobViewModel);
}

I hope this will help.

Regards,
Alexander Valchev
Telerik