Kendo UI Grid将json对象显示为[对象对象]

Question

我在Kendo UI Grid中将json对象作为[object Object]获得，我如何可视化它或者是否有任何方式显示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>