EasyUI是一種強(qiáng)大的JavaScript庫，可以幫助Web開發(fā)人員構(gòu)建交互式用戶界面。

在EasyUI中，table是一個(gè)非常有用的組件，可以用來顯示各種數(shù)據(jù)。在本文中，我們將學(xué)習(xí)如何使用EasyUI table加載JSON數(shù)據(jù)。

$(function(){
$('#dg').datagrid({
url:'datagrid_data.json',
columns:[[
{field:'code',title:'Code',width:100},
{field:'name',title:'Name',width:100},
{field:'price',title:'Price',width:100,align:'right'}
]]
});
});

在上面的代碼中，我們使用了jQuery的$(function(){})函數(shù)，該函數(shù)用于在網(wǎng)頁加載完畢后執(zhí)行代碼。

接下來，我們調(diào)用EasyUI的datagrid函數(shù)，并傳入一個(gè)對(duì)象作為參數(shù)。在該對(duì)象中，我們?cè)O(shè)置了url屬性為數(shù)據(jù)源的JSON文件地址。

我們還設(shè)置了columns屬性，用來定義表格列的配置。在該屬性中，我們使用了一個(gè)數(shù)組，數(shù)組中的每個(gè)元素都是一個(gè)對(duì)象，用來描述一列的設(shè)置。

例如，上面的代碼中，我們定義了三列，包括code、name和price，每列都有一個(gè)field屬性用來指定該列取自JSON文件中的哪個(gè)字段。

我們還設(shè)置了title屬性來指定該列的標(biāo)題，以及width屬性來設(shè)置該列的寬度。

最后，我們使用了align屬性來設(shè)置該列中的內(nèi)容如何對(duì)齊，這里我們將price列的內(nèi)容右對(duì)齊。

通過以上代碼，我們可以輕松地在頁面中顯示一個(gè)EasyUI table，并加載JSON數(shù)據(jù)。