Шаблон интерфейса кендо не работает

Question

Мы пытаемся визуализировать некоторые удаленные данные json из AJAX в шаблон пользовательского интерфейса Kendo, но безуспешно.

<div id="example"></div>

$(document).ready(function() {
    function getCookie(key) {
      var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
      return keyValue ? keyValue[2] : null;
    }
    var token = getCookie('_access_token');
    var userDS = null;
    jQuery.ajax({
      type: "GET",
      contentType: "application/json; charset=utf-8",
      url: "url",            
      dataType: "json",
      headers: { Authorization: "Bearer " + token },
      success: function (data) {
        userDS = data;
        var template = kendo.template("<div>#= name #</div>");
        var data = JSON.stringify(userDS); 
        var result = template(data);
        $("#example").html(result); 
        console.log(data);
      },
      error: function (result) {
        alert("Error");
      }
    });

  });    

Мы извлекаем данные без проблем - они проверяются с помощью console.log(data);, и в результате получается:

{
    "id": 1,
    "name": "Full Name",
    "username": "Username",
    "email_verified_at": null,
    "created_at": "2018-10-15 14:03:15",
    "updated_at": "2018-10-15 14:03:15"
}

Кто-нибудь может посоветовать / помочь, пожалуйста?

Answer 1

Почему вы используете JSON.stringify?Он превращает ваш объект в строку.Конечно, шаблонизатор не может извлечь из него никаких значений.Просто удалите строку, и вы получите свой шаблон.

Упрощенный рабочий пример:

<div id="example"></div>

<script type="text/javascript">
$(document).ready(function() {
    var data = {
        "id": 1,
        "name": "Full Name",
        "username": "Username",
        "email_verified_at": null,
        "created_at": "2018-10-15 14:03:15",
        "updated_at": "2018-10-15 14:03:15"
    };
    var template = kendo.template("<div>#= name #</div>");
    var result = template(data);
    $("#example").html(result); 
}); 
</script>