天天看點

jQuery EasyUI 資料網格 - 建立子網格

使用資料網格(datagrid)的詳細視圖,使用者可以展開一行來顯示附加的詳細資訊。

任何内容都可以加載作為行詳細,子網格也可以動态加載。

本教程将向您展示如何在主網格上建立一個子網格。

jQuery EasyUI 資料網格 - 建立子網格

為了使用詳細視圖,請記得在頁面頭部引用視圖腳本檔案。

當使用者點選展開按鈕('+')時,'onExpandRow' 事件将被觸發。

我們建立一個新的帶有三列的子網格。

當子網格資料加載成功時或者改變尺寸大小時,請記得對主網格調用 'fixDetailRowHeight' 方法。

datagrid22_getdata.php

datagrid22_getdetail.php

jeasyui-datagrid-datagrid22.zip