javascript - json オブジェクトを [object Object] として表示する剣道 UI グリッド

Question

Kendo UI Grid で json オブジェクトを [object Object] として取得します。どのように視覚化できますか、または Kendo グリッドでセルの詳細ビューを表示する方法はありますか?

Answer 1

表示[object Object]される理由は、オブジェクト型であり、それをセルに渡してstringaddressに変換するためです。したがって、セルは object の文字列表現で満たされます。この場合はです。[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>