今天我們來講一下關于DataGrid JSON數組的使用。

DataGrid組件是一個常用的表格組件，通過JSON數組來渲染數據。我們可以通過以下的代碼來創建DataGrid:

var data = [{
"id":1,
"name":"John Smith",
"age":32
},{
"id":2,
"name":"Jane Smith",
"age":28
}];
$("#dg").datagrid({
data: data
});

在上述代碼中，我們首先定義了一個JSON數組，包含了兩個對象，每個對象代表一行數據。然后我們通過jQuery的選擇器來獲取到DataGrid組件的DOM元素，并將data屬性設置為我們剛才定義的JSON數組。

在DataGrid中，我們可以使用columns來定義列。例如：

$("#dg").datagrid({
data: data,
columns:[[
{field:'id',title:'ID'},
{field:'name',title:'姓名'},
{field:'age',title:'年齡'}
]]
});

在上述代碼中，我們定義了三列，分別為"id"、"name"和"age"，并且給它們分別命名為"ID"、"姓名"和"年齡"。注意，我們必須使用二維數組來定義columns，即使使用的是單列。

除了data和columns之外，我們還可以設置其他的屬性來自定義DataGrid。例如，我們可以設置pagination屬性來啟用分頁:

$("#dg").datagrid({
data: data,
columns:[[
{field:'id',title:'ID'},
{field:'name',title:'姓名'},
{field:'age',title:'年齡'}
]],
pagination: true,
pageSize: 10,
pageList: [10,20,30,40,50]
});

在上述代碼中，我們啟用了分頁，以及設置了每頁的大小和可選的頁碼數量。

綜上所述，DataGrid組件是一個非常常用的表格組件。我們可以利用JSON數組來渲染數據，還可以自定義列和其他屬性，例如分頁。