DataGrid 是一個常用的數據表格展示控件,它能夠高效地展示大量的數據。在使用 DataGrid 時,我們通常需要將數據以 JSON 格式傳輸給前端頁面。下面是一個簡單的示例,演示如何使用 DataGrid 接收 JSON 數據。
// 定義一個 JSON 格式的數據 var data = [ {name:'小明',age:18,gender:'男'}, {name:'小紅',age:20,gender:'女'}, {name:'小剛',age:22,gender:'男'}, {name:'小美',age:19,gender:'女'} ]; // 定義一個 DataGrid 組件 $('#datagrid').datagrid({ data: data, columns: [[ {field:'name',title:'姓名',width:100}, {field:'age',title:'年齡',width:100}, {field:'gender',title:'性別',width:100}, ]] });
上面的代碼中,我們首先定義了一個 JSON 數據,包含了四個對象,每個對象包含三個字段:name、age 和 gender。接著我們定義了一個 DataGrid 組件,并將數據傳遞給組件的 data 屬性中,同時我們定義了三個列,分別對應著三個字段。最后,我們通過 jQuery 的選擇器獲取了一個 id 為 “datagrid” 的元素,并將 DataGrid 組件渲染到這個元素中。
總的來說,通過上面的示例,我們了解了如何使用 DataGrid 接收 JSON 數據。如果你對 DataGrid 感興趣,建議去官網查看更詳細的文檔。同時,如果你對 JSON 數據格式不夠熟悉,也可以去學習一下相關的知識。這將有助于你更好地理解 DataGrid 和 JSON 數據。
上一篇c 調用.json