色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

datagrid加載json數據6

張吉惟2年前9瀏覽0評論

datagrid是一種常見的網頁表格展示組件,我們可以通過將json數據加載到datagrid中來實現數據展示。下面我們將介紹如何使用datagrid加載json數據。

首先,我們需要創建一個datagrid組件,并將其綁定到一個html元素上:

<table id="datagrid"></table>

然后,我們需要使用ajax從后端獲取json數據:

$.ajax({
type: "POST",
url: "data.json",
dataType: "json",
success: function (data) {
//將獲取到的json數據賦值給datagrid組件
$('#datagrid').datagrid({
data: data
});
}
});

在成功獲取到json數據后,我們需要將其賦值給datagrid組件。這里我們使用jquery的$.ajax函數來獲取json數據,并通過jquery的$('#datagrid').datagrid()函數將數據賦值給datagrid組件。

最后,我們需要在datagrid中定義我們要展示的字段:

$('#datagrid').datagrid({
columns: [[
{ field: 'name', title: '姓名' },
{ field: 'age', title: '年齡' },
{ field: 'gender', title: '性別' }
]]
});

通過在datagrid的columns屬性中定義我們要展示的字段,datagrid會自動根據字段名稱將json數據進行展示。

綜上所述,使用datagrid加載json數據的方法有三步:

  1. 創建一個datagrid組件,并將其綁定到一個html元素上;
  2. 使用ajax從后端獲取json數據,并將其賦值給datagrid組件;
  3. 在datagrid中定義我們要展示的字段。