JqGrid
张思全
本人性格热情开朗,待人友好,为人诚实谦虚。善于与人沟通,能够快速适应团队工作,具有良好的团队协作精神。对新技术的学习能力强。目前有7年项目开发经验,本人愿意在团队中共享自己的经验与知识。
爱好移动互联网以及整个计算机软件行业,致力于设计和架构更精美的软件产品和用户体验。
展开
-
【JqGrid】JqGrid关于loadonce:true后trigger("reloadGrid")无效,loadonce:false后无法翻页的问题
简单的来说就是在setGridParam中加上参数datatype:'json',因为loadonce:true后,jqGrid只会加载一次数据,并把datatype改为local。这样就无法完成于Server的交互通信进行数据搜索和刷新操作,因为全部数据都是提取的本地的。解决办法:在刷新的时候重新将datatype重新定位到json,也就是指向服务器后,jqGrid就会像原创 2016-11-29 22:31:33 · 9191 阅读 · 1 评论 -
【JqGrid】JqGrid Table操作列中点击【操作】按钮弹出按钮层
在使用JqGrid时,Table中最后一列是操作列,在操作列中每一行都一个操作按钮,该操作按钮类似下拉菜单,如下图:在点击Table中【操作】一列时需要弹出一个Div层,该Div层中包含一堆按钮,用于对Table行进行操作,如下:解决步骤如下:1、首先,在colModel中的列上添加属性edittype:'select'和方法formatter:groupGrid.fo原创 2016-12-05 10:09:13 · 6029 阅读 · 5 评论 -
【JqGrid】JqGrid本页合计+总合计(统计)
今天做了个JqGrid本页合计+总合计(统计)的功能,有点吃力,所以在这里汇总纪录一下:1、先看看效果,页面如下2、要实现本页合计+总合计,首先需要添加如下代码:代码如下:formatPerson: function(cellValue, options, rowObject) { return cellValue+"+"+rowObject原创 2016-12-02 11:42:14 · 16118 阅读 · 5 评论 -
【JqGrid】JqGrid金额格式化、计算处理
1、从数据库中查询出来的金额格式显示是这样:2、需要对金额进行处理:保留2位小数;还要进行计算处理;这时需要添加如下代码:事件如下:代码复制:formatPerson:function(cellValue, options, rowObject){ var total_p = cellValue/(rowObject.num_adult+rowObje原创 2016-11-30 15:14:57 · 6593 阅读 · 0 评论 -
【JqGrid】JqGrid前端分页+排序+查询条件
jqGrid 是一个用来显示网格数据的jQuery插件,通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。页面代码如下:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><% String path = request.getCont原创 2016-11-30 10:51:02 · 14803 阅读 · 0 评论 -
【JqGrid】JqGrid日期格式化处理
使用JqGrid显示日期是转换后的结果,即显示的毫秒数。需要自己进行手工处理,处理后的代码如下:{label:'日期',name: 'departure_date',index: 'departure_date',align: "center",formatter:function(cellValue,options,rowObject){ return (moment(rowOb原创 2016-11-30 14:16:21 · 6303 阅读 · 0 评论 -
【JqGrid】JqGrid使用后台分页+查询条件+排序
最近做项目时要用到jqGrid,先学习了一下jqGrid的使用方法,现总结如下,先从基本的说起:1、数据显示:jqGrid可以解析的数据有很多种,如xml、json等,在这个项目中主要用的就是json数据解析,JqGrid查询时和后台交互是很简单的,但是必须注意几个地方,废话少说,我直接上代码:JSP代码如下:<%@ page language="java" contentType原创 2016-11-30 11:52:46 · 18250 阅读 · 1 评论 -
【JqGrid】API系列-参数详解
jqGrid皮肤从3.5版本开始,jqGrid完全支持jQuery UI的theme。我们可以从http://jqueryui.com/themeroller/下载我们所需要的theme。当然,你也可以编辑自己的theme。jqGrid 也并不需要把所有的css文件都引入进来,只需导入核心css文件“ui.theme.css ” 以及“ui.core.css”即可,文件位于目录develo转载 2016-11-28 10:51:51 · 3605 阅读 · 0 评论 -
【JqGrid】jqGrid API之用法
jqGrid是一款处理表格展现的jQuery插件,支持分页、滚动加载、搜索、锁定、拖动等一系列对表格的常规操作。以下是最近项目中实践jqGrid的整理 1、引入到项目中来jqGrid的主页在http://www.trirand.com/blog/ ,上面提供了下载、demo、wiki等文档,都比较详尽。特别是http://www.trirand.com/jqgrid转载 2016-11-28 10:55:25 · 1591 阅读 · 0 评论 -
【JqGrid】JqGrid API 中文说明及用法
JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信。JQGrid Demo 是一个在线的演示项目。在这里,可以知道jqgrid可以做什么事情。下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适。jqGrid学习之 ------------- 安装jqGrid安装很简单,只需把相应的css、js文件加入到转载 2016-11-28 10:59:14 · 11671 阅读 · 1 评论 -
【JqGrid】jqgrid合并单元格
1、jqgrid官方的事件和方法http://www.trirand.com/jqgridwik ... %5B%5D=gridcompletehttp://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods2、Demo如下:代码看下面:代码可以直接copy到一个.html文件里就可以运行原创 2016-11-28 11:27:24 · 3696 阅读 · 8 评论 -
【JqGrid】jqGrid动态合并列值
代码如下:[html] view plain copy 在CODE上查看代码片派生到我的代码片$("#cbhzList").jqGrid({ url: "${pageContext.request.contextPath}/cbfx/getCbhzList.do", datatype: "json",转载 2016-11-28 11:39:40 · 3513 阅读 · 0 评论 -
【JqGrid】JqGrid单元格合并及表头列合并,jqgrid单元格合并
1、合并单元格代码示例表头列合并代码:效果图2、jqgrid表头合并和行合并,基于jquery脚本插件下面的js是近期写的一个jqgrid表头与行合并脚本。jqgrid也真是,表头合并的功能都不提供,用起来好尴尬。 使用方法:在jqgrid的loadComplete或者gridComplete事件中使用。原创 2016-11-28 11:55:54 · 12994 阅读 · 0 评论 -
【Jquery】jquery点击按钮弹出div层
1、在jquery中,点击一个按钮弹出DIV层对话框的实例。【点击table中“操作”一列中的按钮弹出一个弹出层】。先看看效果:弹出层效果:2、jsp中实现弹出层代码,先设置id值,如下:3、js代码中【弹出层一】代码如下:js代码中【弹出层二】代码如下:原创 2016-12-05 12:15:46 · 5954 阅读 · 0 评论