Js插件之JqGrid的使用

最新推荐文章于 2022-06-21 08:23:05 发布

qq_34368587

最新推荐文章于 2022-06-21 08:23:05 发布

阅读量7.9k

点赞数

分类专栏： Js 文章标签： Js

本文链接：https://blog.youkuaiyun.com/qq_34368587/article/details/79694926

版权

jqGrid是一个jQuery插件，用于展示网格数据并实现与后台的ajax异步通信。本文提供jqGrid的引入文件说明及简单示例，包括不带分页和带分页的数据处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简介：jqGrid 是一个用来显示网格数据的jQuery插件，通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。

官网地址：http://blog.mn886.net/jqGrid/

示例：

需要引入的文件：

css:

ui.jqgrid.css

js:
jquery-2.0.3.min.js
jquery.jqGrid.min.js

grid.locale-en.js

demo:

页面加载：

$(function() {
		pageInit();
	});
	function pageInit() {
		var a = $("#d11").val();
		var b = $("#d12").val();
		jQuery("#gfrc1").jqGrid(  //初始化表格
			{
				url : '${basePath }/ksssfy/kssshzJqGrid',
				postData : {"txtBeginDate" : a,"txtEndDate" : b},
				datatype : "json",
				/* colNames和colMOdel可以选择动态加载，从后台传过来，使用EL表达式取 */
				colNames : [ '科室名称', '西药收入', '中成药收入', '中药收入', '挂号收入&