EasyUI datagrid 使用小結

用了easyui框架一段時間了，這個前端框架用起來還是挺方便的，也有很多現成的控制項，看看官方文件應該還是能比較快用起來的。

在這裡記錄一下一些常用的控制項的方法，遇到過的bug或者當初耗了一點時間來實現的功能吧。

var pager = $('#dg').datagrid('getpager'); // 獲取分頁*****物件

var pagesize = pager.data("pagination").options.pagesize; // 獲取當前設定的頁面尺寸，即每頁顯示多少條資料
var pagenum = pager.data("pagination").options.pagenumber; // 獲取當前頁碼

這個我一直找datagrid找不到跳轉到某一頁的方法，後來仔細看發現datagrid的分頁是通過pagination這個控制項實現的，於是看pagination的相關文件就好了。

以後也要注意呀~~

隱藏整個工具欄：$('div.datagrid-*******').hide();

隱藏第乙個按鈕：$('div.datagrid-******* a').eq(0).hide();

顯示則用show();

載入datagrid資料的**要等頁面載入完後再呼叫，否則如果用onbeforeload新增引數的時候有些值會取不到。

而且在頁面沒載入完時就呼叫的話，會引發向後台傳送兩次請求的bug。

ps：注意一點，datagrid列的formatter方法是可以直接返回html**的，這樣就很簡單了。

columns: [[

...},
...]]

...

}}...
// 給第一行的彙總新增不同的樣式以突出顯示
rowstyler: function
(index, row) 
},

var row = $('#dg').datagrid('getselected');

var rowindex = $('#dg').datagrid('getrowindex', row);

easyui datagrid 多表頭設定

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

easyUI datagrid 前端真分頁

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

easyui datagrid 跨頁抉擇

easyui datagrid 跨頁選擇 翻看easyui文件，官方並沒有提供相應方法，easyui當前最新版本1.3.2也沒有找到，最後使用了乙個比較傳統的方式，各位看官如果有更好的方式，勞煩告知，感激不盡。宣告全域性陣列變數 var ids new array 使用easyui datagrid...