jqGrid扩展 重新加载表格数据,数据源从C#的webservice
来源:互联网 发布:js清空数组 编辑:程序博客网 时间:2024/06/05 20:16
先上代码:
$.jgrid.extend({ refresh: function (param) { var $_t = $(this); var defaults = { sortname: $_t.jqGrid("getGridParam", "sortname"), callback: null, url: '', postData: {}, isXls: false }; var opts = $.extend(defaults, param); //param= $.extend( { sortname: '', callback: null, url: '' },param); $("input[type='button']").prop("disabled", true); var jsonReader = {}; if (opts.url.indexOf(".asmx") > -1) { jsonReader = { root: "d.Table.rows", page: "d.Page", total: "d.Total", records: "d.Records", userdata: "d.Userdata" }; } else { jsonReader = { root: "rows", page: "page", total: "total", records: "records" }; } var _loadPage = $_t.jqGrid("getGridParam", "page"); if (!_loadPage) _loadPage = 1; $_t.jqGrid("setGridParam", { url: opts.url, jsonReader: jsonReader, datatype: "json", page: _loadPage, sortname: opts.sortname, ajaxGridOptions: { contentType: 'application/json; charset=utf-8' }, postData: opts.postData, gridComplete: function () { if (param.callback) param.callback($_t); }, loadComplete: function (data) { if (param.loadComplete) param.loadComplete(data); } }).trigger("reloadGrid"); if (opts.isXls) { $(".ui-pg-div:contains(导出)", $_t.jqGrid("getGridParam", "pager")).parent().remove(); $_t.jqGrid('navButtonAdd', $_t.jqGrid("getGridParam", "pager"), { caption: "导出", onClickButton: function () { var _url = opts.url; if (opts.url.indexOf('?') > -1) _url += '&'; else _url += '?'; if (_url.indexOf('isXls') > -1) { } else { _url += 'isXls=1&'; } //colNames colModel 进行处理 传到服务端 var _colNames = $_t.jqGrid("getGridParam", "colNames"); var _colModel = $_t.jqGrid("getGridParam", "colModel"); var _result = {}; $.map(_colModel, function (item, k) { _result['xls_' + item.name] = _colNames[k]; }); _url = _url + $.param(_result); _url = _url + "&page=" + $_t.jqGrid("getGridParam", "page"); _url = _url + "&rows=" + $_t.jqGrid("getGridParam", "rowNum"); _url = _url + "&" + $.param(opts.postData); window.open(_url); } }); } $("input[type='button']").prop("disabled", false); $(".ui-jqgrid-bdiv div").css("position", ""); }});function loadFilter(data) { /// <summary>jqGrid加载JSON数据时,对返回的data统一处理方式函数</summary> /// <param name="data">json返回的JsonData对象</param> /// <returns>无返回</returns> if (!data.d) { data.d = { Table: {} }; } if (!data.d.Table) data.d.Table = {}; if (data.d.Total) data.d.Table.total = data.d.Total; else data.d.Table.total = 0; if (!data.d.Table.rows) data.d.Table.rows = []; return data.d.Table;}使用方法:
$("#tblList").jqGrid("refresh", { url: "/Task/Services/S_Task.asmx/GetLists?action='MyJoin'" + param ,isXls:false},callback:function(){
});
在使用jqGrid的时候,刷新加载服务端json数据,需要写很多代码,所以封装了这个方法,可以方便调用。
需要注意Framework要3.5以上。
0 0
- jqGrid扩展 重新加载表格数据,数据源从C#的webservice
- 关于jqGrid表格重新加载的问题
- jqGrid - 重新加载数据
- jqgrid 重新加载数据.
- jqGrid之重新加载数据
- jqgrid treegrid 重新加载数据
- jqgrid刷新列表,重新加载数据
- TableDataSource 表格数据重新加载
- jqGrid post请求,重新获取参数加载数据
- jqGrid post请求,重新获取参数加载数据
- Jqgrid入门-操作表格的数据(二)
- Jqgrid入门-操作表格的数据(二)
- 判断 jqGrid表格加载返回数据是否为空
- jqgrid 表格数据导出
- jqGrid表格插件——从servlet获得数据
- Spring 重新加载数据源
- jqgrid加载数据
- jqGrid清除界面表格数据
- android性能优化
- BEGINNING SHAREPOINT® 2013 DEVELOPMENT 第14章节--使用Office Services开发应用程序 WORD自动服务和新的PowerPoint自动服务
- Qt 5.3.2 in win7 using VS2013的问题
- win2003 下安装 oracle 11g 遇到database control 登陆操作失败
- SDL2.0学习笔记5——定时器模块
- jqGrid扩展 重新加载表格数据,数据源从C#的webservice
- oracle统计信息
- 日语学习之沪江整理 20141023
- Android ListView 局部刷新
- 指针数组和数组指针的区别
- oracle job
- Eclipse下使用SVN版本控制
- linux iptables开放端口命令
- BEGINNING SHAREPOINT® 2013 DEVELOPMENT 第14章节--使用Office Services开发应用程序 新的机器翻译服务