1.底部如果沒有分頁工具欄(即datagrid屬性pagination為false),這種情況可以直接設定datagrid屬性fit為true 即可。
2.底部如果有分頁工具欄時(即datagrid屬性pagination為true),這時需要監聽window物件(即瀏覽器視窗)大小的改變, 動態的改變datagrid大小。
這時用到resize()
函式,它用於為每個匹配元素的resize事件繫結處理函式。該函式也可用於觸發resize事件。此外,還可以額外傳遞給事件處理函式一些資料。
語法:
jqueryobject觸發window物件的resize事件:.resize([
[data
,]handler
]);(引數均為可選)
$(window
).resize
(function
());
可以在事件處理函式中對datagrid
進行尺寸調整。
$(window).resize(function () );
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 作為引...