easyUI datagrid避免二次渲染

2021-07-03 11:44:25 字數 1593 閱讀 7963

注意:在easyui1.4.2中驗證通過。

easyui datagrid載入資料只有兩種方式:一種是ajax載入目標url返回的json資料;另一種是載入js物件,也就是使用loaddate方法。

url方式載入資料

呼叫方式

目前可能大多數人都是選擇這種方式,因為跟流行的框架結合的也比較好,使用url的話,可以將url寫在dom裡面或者申明datagrid物件的url屬性,以下兩種方式都是可以的:

<

tableid=

"tt"

style

="width:700px;height:auto"

title

="datagrid"

idfield

="itemid"

url=

"datagrid_data2.json"

>

$('#test').datagrid();  

相關方法

load

param

載入第一頁資料,param將代替預設查詢引數,注意的是該方法只適用於url方式.

reload

param

重新整理當前頁資料,與load方法不同的時候reload方法重新整理當前頁資料,而load方法會跳到第一頁然後重新整理.

options

null

獲取datagrid例項的各項引數值,常用的引數有url,pagenumber,pagesize這三個引數在請求資料以及分頁功能中起重要作用.

二次載入問題

對於使用url方式的初學者,經常碰到重複請求的問題,這個問題的根源是因為一旦設定了url引數,datagrid元件在例項化的時候就會做請求,如何避免二次載入這樣問題呢,個人覺得注意以下兩點基本就可以防止二次載入了。

以上說明參考:

[html]view plain

copy

<

tableid=

"baselinelisttab"

title

="您的位置 >> 檢查管理》***管理"

width

="auto"

height

="auto"

iconcls

="icon-edit"

data-options

="*******:'#tb'"

idfield

="id"

fitcolumns

="true"

pagination

="true"

>

在table中去掉class 屬性;資料載入交由js解決

js載入方式:

EasyUI datagrid 使用小結

用了easyui框架一段時間了,這個前端框架用起來還是挺方便的,也有很多現成的控制項,看看官方文件應該還是能比較快用起來的。在這裡記錄一下一些常用的控制項的方法,遇到過的bug或者當初耗了一點時間來實現的功能吧。var pager dg datagrid getpager 獲取分頁 物件 var p...

easyui datagrid 多表頭設定

最近在做二維報表,要求報表的表頭自定義。在網上找了好久二維報表的外掛程式,一直找不到合適的。後來就用easyui 中的datagrid替代了一下。根據實際需求,統計的資訊可能不是乙個模組中的字段資訊,所以需要把模組和模組下的字段都顯示出來,這就用到了 中的合併單元格,但是在datagrid中如何實現...

easyUI datagrid 前端真分頁

前文再續,書接上一回。easyui datagrid 前端假分頁 真分頁是easyui datagrid 的預設方式。所謂真分頁,就是後台傳給前端的資料,真的是分頁後的資料。而假分頁,是全部資料。easyui datagrid 向後台請求資料的時候,會自動將頁號 page 每頁數量 rows 作為引...