當我們使用datagrid控件展示數據的時候,有時需要將json數據進行內嵌,以便更好的展示數據。下面我們來看看如何在datagrid中使用json內嵌。
$('#datagrid').datagrid({ url: 'example.php', method: 'GET', columns: [[ {field: 'id', title: 'ID', width: 50}, {field: 'name', title: 'Name', width: 100}, {field: 'info', title: 'Info', width: 150, formatter: function (value, row, index) { // 判斷info字段是否為json,是,則解析 if (typeof value === 'string') { try { value = JSON.parse(value); } catch (e) { return value; } } // 處理json內嵌 if (value && value.pic) { return ''; } else { return ''; } } } ]] });
通過定義formatter函數,我們可以對datagrid中的每一個單元格進行自定義顯示。在上述例子中,我們判斷了字段info中是否有json數據,如果是,我們通過JSON.parse方法將其轉換為json對象。然后判斷如果json中有pic屬性,我們將在datagrid中顯示一張圖片,否則顯示空白。
通過以上方法,我們可以靈活地利用datagrid控件展示json數據。