其他分享
首页 > 其他分享> > 3.0 JqGrid安装

3.0 JqGrid安装

作者:互联网

jqGrid 实例中文版网址:http://blog.mn886.net/jqGrid/

国外官网:http://www.trirand.com/blog/   jqGrid 是一个用来显示网格数据的jQuery插件,通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。

参考jqGrid 学习笔记整理——基础篇 https://blog.csdn.net/budaizou/article/details/79041905

jqGrid特性

基于jquery UI主题,开发者可以根据客户要求更换不同的主题。 兼容目前所有流行的web浏览器。 Ajax分页,可以控制每页显示的记录数。 支持XML,JSON,数组形式的数据源。 提供丰富的选项配置及方法事件接口。 支持表格排序,支持拖动列、隐藏列。 支持滚动加载数据。 支持实时编辑保存数据内容。 支持子表格及树形表格。 支持多语言。 目前是免费的。 引入库: 1.jqGrid官网下载最新版本的程序包,下载地址为:http://www.trirand.com/blog/?page_id=6 例如版本:

 

 

2.下载jqGrid皮肤,下载地址为:http://jqueryui.com/themeroller/ 例如版本:

 

 

<!-- 两个主题皮肤 --> <link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css" /> <link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.min.css" /> <!-- 两个jqgrid样式 --> <link rel="stylesheet" type="text/css" href="css/ui.jqgrid-bootstrap-ui.css" /> <link rel="stylesheet" type="text/css" href="css/ui.jqgrid.css" /> <!-- 三个js 一个jquery 一个语言包 一个 jqgrid.js --> <script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/i18n/grid.locale-en.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery.jqGrid.min.js" type="text/javascript" charset="utf-8"></script>

 

 

完整例子test1.jsp

 

 

 

 

                                         

标签:http,JqGrid,com,支持,blog,3.0,安装,下载,jqGrid
来源: https://www.cnblogs.com/zl-programmer/p/15280726.html