Кендо UI MVVM Datasource привязки к HTML-элемент ввода

Question

новичка к кендо

Кендо источник данных возвращает только массивы и мой RESTful API возвращает клиенту как массив из одного элемента.

Однако я не могу привязать поле «Имя» клиента к окну ввода html.

Я могу, однако, использовать данные, если поместил их в «ul», как показано в приведенном ниже коде. Я знаю, что ответ json хорошо сформирован, потому что я могу console.log (obj [0] .Name);

Я попытался вернуть obj [0] в данные: источника данных, но это просто сломало все. (нет сообщения об ошибке среза, поскольку он пытается срезать массив).

Я уверен, что это легко, но я должен быть просто думать об этом все неправильно ...

Html и JS ниже:

<div data-role="view" data-title="Client Detail" data-model="app.clientView"> 

<!-- this does not work --> 

<input data-bind="value: app.clientView.data"/> 
<input data-bind="value: app.clientView.data[0].Name"/> 
<input data-bind="value: app.clientView.data.Name"/> 

<!-- this works --> 

<ul data-role="listview" data-source="app.clientView.data" data-template="client-template"></ul> 

<script type="text/x-kendo-template" id="client-template"> 
    <a href="components/clientView/view.html?id=#: ID #"> 
     <div>#: Name #</div> 
     <div>#: LastActivityOn #</div> 
    </a> 
</script> 

app.clientView = kendo.observable({ 
 
    data: new kendo.data.DataSource({ 
 
     transport: { 
 
      read: { 
 
       url: app.uri + "clients/69", //+ id, 
 
       type: "get", 
 
       dataType: "json", 
 
       beforeSend: function (req) { 
 
        req.setRequestHeader('X-authKey', app.key); 
 
       } 
 
      } 
 
\t \t }, 
 
     schema: { 
 
     \t data: function (response) { 
 
      \t console.log(response); 
 
      \t var obj = $.parseJSON(response); 
 
       console.log(obj[0].Name); 
 
      \t return obj; 
 
     \t } 
 
     } 
 
    }) 
 
});

Answer 1

Kendo UI MVVM value bind не могут указывать на экземпляр DataSource Kendo UI. Только source привязки могут это сделать.

В вашем случае переделайте свою реализацию и добавьте несколько новых полей в viewModel (app.clientView), которые можно использовать для привязок значений. Это нормально populate эти поля after the DataSource instance receives its data.

На боковой ноте нет необходимости подробно указывать поля viewModel, включая ссылку viewModel в конфигурации привязок. Вам нужны только имена полей. Проверьте Kendo UI MVVM demos.