easyui中datagrid 不顯示資料

2021-09-12 20:18:49 字數 597 閱讀 4598

之前並沒有系統使用easyui元件的機會。本次也是在基於該前端框架下完成乙個簡單的查詢功能並展示的問題。

datagrid即資料網格,用於展示列表資料,以行為單位且支援分頁。

問題背景:根據查詢引數查詢符合條件的資料。前端使用easyui,後端使用spring mvc。

然而根據條件查詢只會返回一條資料,因此也沒有考慮分頁什麼的。

現象:後台以json格式返回,鍵值與前端的field的名稱相對應。然而後台資料無法展示在datagrid中。datagrid一片空白,不過查詢確實已經執行,資料也已經返回。命名也沒有問題。

分析:應該還是返回的資料格式與datagrid的標準格式不一致吧。

問題所在:的確是返回的格式不符合要求。

由於只有一條資料,並沒有考慮分頁。所以直接將合法的後台資料已json物件的形式返回給了前端。

但是,datagrid除了要具體的展示資訊以外,還是需要分頁屬性的。

也就是說後台返回的json資料必須包含start ,rows,total等分頁屬性。自己的查詢物件需要以陣列的形式被包含在返回的json字串中。

例如:"start":"",

"rows":[

"total":""

EasyUI中datagrid控制項的Editor

datagrid 中的editor 每個editor 支援如下方法 方法 引數 說明 init container,options 初始化editor 並返還目標物件 destroy target 銷毀 editor getvalue target 從 editor text 中讀取值 setval...

在easyui中實現datagrid滾動條聯動

豎向滾動條聯動 var contents importform div.datagrid body contents.scroll function 橫向滾動條聯動 var contents2 importform div.datagrid view2 div.datagrid header con...

easyui學習筆記 datagrid中相關學習

value 當前列對應字段值。row 當前的行記錄資料。index 當前的行下標。var ele json.stringify user replace g,修改 或者 var ele json.stringify user replace g,修改 formatter function value...