EasyUI DataGrid 綁定 Spring MVC 返回 JSON 數據不顯示：常見配置錯誤排查

典型錯誤點

1. 缺少 class="easyui-datagrid"：HTML 表格必須聲明該 class，JS 解析器才會自動初始化。
2. URL 末尾多斜槓：url:'/store/saleout/precheck/' 可能導致 404，改為 url:'/store/saleout/precheck' 或絕對路徑。
3. 字段名不匹配：JSON 屬性名（如 id、productName）需與 columns 中 field 完全一致（區分大小寫）。
4. 返回格式非標準：EasyUI 期望 {total:100, rows:[...]}，若直接返回 List 需在後端包裝或前端 loadFilter 轉換。

後端包裝示例

Map result = new HashMap<>();
result.put("total", results.size());
result.put("rows", results);
return result; // @ResponseBody 自動序列化為 JSON

前端 loadFilter 兼容

$('#dg').datagrid({
    url: '...',
    loadFilter: function(data) {
        if (Array.isArray(data)) return { total: data.length, rows: data };
        return data;
    }
});