自定義jQuery easyui datagrid的loader適配器,實現datagrid的...

本方法適用於的於 jQuery easyui 1.2.6+版本低於1.2.6的版本不能使用改方法。
loader適配器的實現代碼以下:
function myLoader(param,success,error){
	var that = $(this);
	var opts = that.datagrid("options");
	if (!opts.url) {
		return false;
	}
	var cache = that.data().datagrid.cache;
	if (!cache) {
		$.ajax({
			type : opts.method,
			url : opts.url,
			data : param,
			dataType : "json",
			success : function (data) {
				that.data().datagrid['cache'] = data;
				success(bulidData(data));
			},
			error : function () {
				error.apply(this, arguments);
			}
		});
	} else {
		success(bulidData(cache));
	}
	
	function bulidData(data) {
		var temp = $.extend({},data);
		var tempRows = [];
		var start = (param.page - 1) * parseInt(param.rows);
		var end = start + parseInt(param.rows);
		var rows = data.rows;
		for (var i = start; i < end; i++) {
			if(rows[i]){
				tempRows.push(rows[i]);
			}else{
				break;
			}
		}
		temp.rows = tempRows;
		return temp;
	}
}

具體使用:配置 datagrid的loader屬性爲myLoader便可。
當你須要從新請求後臺刷新數據時,請在你調用刷新方法以前執行$("#gridId").data().datagrid.cache = null; 該語句做用於清除當前緩存。
固然你實現的是前端分頁。因此你後臺返回的應該是該結果集下全部的記錄。而且請不要在後天處理分頁參數。後臺返回的結果格式應該如是:{"total":106,"rows":[{},{},{}.....]},且rows.length的長度應該等於total的值。
相關文章
相關標籤/搜索