Kendo UI Grid Отображение объектов json как объекта [object Object]

Question

Я получаю объекты json в качестве [object Object] в сетке пользовательских интерфейсов Kendo, как я могу визуализировать его или есть способ показать подробный вид ячейки в сетке Kendo ?

Answer 1

Причина вы видите [object Object] потому, что address имеет объект типа и вы передаете его в ячейку, которая будет преобразовать его в строку . И, таким образом, ячейка заполняется строковым представлением объекта, который в этом случае равен [object Object].

---

Пример 1:

function formatAddress(address){ 
    return address.street + ' ' + address.phone; 
} 

var grid = $("#grid").kendoGrid({ 
    dataSource: { 
     pageSize: 20, 
     data: createRandomData(50) 
    }, 
    pageable: true, 
    height: 430, 
    columns: [ 
     { field: "FirstName", title: "First Name", width: "140px" }, 
     { field: "LastName", title: "Last Name", width: "140px" }, 
     // `formatAddress` will be called from the global variable scope like eval() usually does 
     { field: "Address", template: "#= formatAddress(data) #" } 
    ] 
}).data("kendoGrid"); 

---

Пример 2: (MVVM)

<div id="grid" data-role="grid" data-bind="source: gridSource" 
    data-columns='[{field:"FirstName",title:"First Name"}, {field:"LastName",title:"Last Name"}, {field:"Address",template:"#= formatAddress(data) #"}]'> 
</div>