easyui是一款基于jQuery的開源UI庫，提供了諸如表格、對話框、菜單、樹形等多種組件。其中加載json數據是easyui使用中的一個重要操作，下面就來詳細介紹easyui加載json數據的過程。

首先，在HTML文件中引入easyui庫和jQuery：

<link rel="stylesheet" type="text/css" >
<link rel="stylesheet" type="text/css" >
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/1.11.1/jquery.min.js"></script><script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.10.5/jquery.easyui.min.js"></script>

然后，在Javascript代碼中定義easyui的datagrid組件，并設置其屬性為loadFilter:function(data)，其中data就是我們要加載的json數據源：

$(function(){
$('#dg').datagrid({
url: 'data.json',
loadFilter:function(data){
if (data.hasOwnProperty('rows')){
return data;
} else {
return {'rows':data};
}
}
});
});

在loadFilter函數中，我們將data轉換為easyui需要的格式。如果原始數據已經是datagrid要求的格式，直接返回原始數據即可；否則，將原始數據包裝在一個對象中，再返回。

最后，在HTML文件中定義一個表格組件，指定其id為dg即可：

<table id="dg"></table>

通過以上步驟，就完成了easyui加載json數據的操作。希望這篇文章對想要使用easyui的開發者有所幫助。