JQGRID简单介绍

笨笨鱼v1.0

于 2020-05-09 09:15:46 发布

阅读量357

点赞数 1

文章标签： jqgrid

本文链接：https://blog.csdn.net/weixin_45563184/article/details/106011732

版权

本文介绍了JQGRID的基础知识，包括如何编写第一个JQGRID程序，深入解析初始化参数和ColModal参数，探讨了JQGRID与Bootstrap主题的结合，以及如何在SSM框架下实现分页。此外，还讲解了JQGRID的增删改操作，事件应用及常用方法的使用。

摘要由CSDN通过智能技术生成

编写第一个JQGRID程序

	1.https://blog.mn886.net/jqGrid/firstdemo/blog.mn886.net.zip 下载blog.mn886.net.zip 
	2.解压缩blog.mn886.net.zip jqgrid css js 
	3.把css与js文件夹引入到项目中 
	
<!--引入CSS文件--> 
<!--引入BootStrap的css文件-->
 <link rel="stylesheet" href="${pageContext.request.contextPath}/boot/css/bootstrap.css"/> 
 <!--引入JQGRID的主题CSS文件--> 
 <link rel="stylesheet" href="${pageContext.request.contextPath}/jqgrid/css/css/cupertino/jquery-ui- 1.8.16.custom.css"/> 
 <!--引入JQGRID全局的CSS样式--> 
 <link rel="stylesheet" href="${pageContext.request.contextPath}/jqgrid/css/ui.jqgrid.css"/>
  <!--引入JS文件-->
   <!--引入Jquery的JS文件--> 
   <script type="application/javascript" src="${pageContext.request.contextPath}/boot/js/jquery-3.3.1.min.js">
   </script> 
   <!--引入BootStrap的js文件--> 
   <script type="application/javascript" src="${pageContext.request.contextPath}/boot/js/bootstrap.js">
   </script>
    <!--引入JQGRID国际化的js文件--> 
    <script type="application/javascript" src="${pageContext.request.contextPath}/jqgrid/js/i18n/grid.locale-cn.js">
    </script> 
    <!--引入JQGRID全局JS文件--> 
    <script type=