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>