jqgrid学习(二)
jqgrid自带查询
1查询方式为通过加载远程数据生成下拉列表供用户选择:
前台:
//下拉列的数据{name : 'applicationDeptId',index : 'applicationDeptId',label : '申报部门',width : 150,//hidden : true,editable : false,editoptions : {size : "20",maxlength : "20"},//设置查询方式为下拉列表stype : 'select',searchoptions : {sopt : ['eq'],//通过此地址来加载后台传入的数据dataUrl : "${contextPath}/sys/sysdept/getDepts"}},
后台:
//后台查询数据,并封装为下拉列表字符串然后传入前台@RequestMapping(value="/getDepts",method={RequestMethod.POST,RequestMethod.GET})public void getDepts(HttpServletRequest request,HttpServletResponse response) throws IOException{Search search = new Search();List<SysDeptEntity> deptList=sysDeptService.search(search);StringBuffer resultJson = new StringBuffer();resultJson.append("<select>");resultJson.append("<option value=''>" + "" +"</option>");for(SysDeptEntity deptEntity : deptList){resultJson.append("<option value='" + deptEntity.getId() + "'>" + deptEntity.getDeptName() +"</option>");}resultJson.append("</select>");writeJSON(response, resultJson.toString());}
2查询性别一类的枚举类型数据时(即此时1指代男生,2指代女生):
前台:
{name : 'sex',index : 'sex',label : '性别',width : 30,editable : true,edittype : "select",editoptions : {value : "1:男;2:女"},formatter : 'select',search : false,formoptions:{rowpos:3,colpos:1}}//此时当查询时,传入前台的数据选择男则是“1”(选择女则是2)
3查询与datepicker插件组合时(即查询时间时通过选择而不是由用户输入):
1.显示时间
前台:
//设置查询框要显示的样式
datePick = function(elem){jQuery(elem).datetimepicker({//表示用户选择的时间最后只保留到分钟format : 'yyyy-mm-dd hh:ii',autoclose : true,language: 'zh-CN'});}
//jqgrid列
{name : 'constructEndTime',index : 'constructEndTime',label : '施工结束时间' ,width : 90, editable : true , search : true,editrules : {required : true},formatter:'date',formatoptions:{srcformat: 'Y-m-d H:i:s', newformat: 'H:i:s'},hidden:(hiddenColsJSON.constructEndTime=='true'),searchoptions: {sopt : ['eq','ne','lt','le','gt','ge'],dataInit:datePick, //表示要引用的方法attr:{title:'选择日期'}}}
2.显示日期(只选择到'天')
前台:
//调用的方法
datePick2 = function(elem){jQuery(elem).datetimepicker({minView: "month",//设置只显示到天format : 'yyyy-mm-dd',autoclose : true,language: 'zh-CN'});}
//jqgrid的列
{name : 'constructStartTime',index : 'constructStartTime1',label : '施工日期',width : 90,editable : true,hidden:(hiddenColsJSON.constructStartTime=='true'),readonly : true,search : true,sorttype : 'date',editrules : {date : true},formatter:'date',formatoptions:{srcformat: 'Y-m-d', newformat: 'Y-m-d'},searchoptions: {sopt : ['eq','ne','lt','le','gt','ge'],dataInit:datePick2,attr:{title:'选择日期'}}}
转载于:https://www.cnblogs.com/grj0011/p/7375299.html
jqgrid学习(二)相关推荐
- jqGrid 学习笔记整理——基础篇
jqGrid 学习笔记整理--基础篇 jqGrid 实例中文版网址:http://blog.mn886.net/jqGrid/ 国外官网:http://www.trirand.com/blog/ 本人 ...
- jqGrid学习笔记(一)
原文地址为: jqGrid学习笔记(一) jqGrid 是一个用来显示网格数据的jQuery插件,通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信.文档比较全面,其官方网址为: h ...
- C#多线程学习(二) 如何操纵一个线程
C#多线程学习(二) 如何操纵一个线程 原文链接:http://kb.cnblogs.com/page/42529/ [1] C#多线程学习(二) 如何操纵一个线程 [2] C#多线程学习(二) 如何 ...
- spring security 学习二
spring security 学习二 doc:https://docs.spring.io/spring-security/site/docs/ 基于表单的认证(个性化认证流程): 一.自定义登录页 ...
- STL源码剖析学习二:空间配置器(allocator)
STL源码剖析学习二:空间配置器(allocator) 标准接口: vlaue_type pointer const_pointer reference const_reference size_ty ...
- mysql用创建的用户登陆并修改表格_MySQL 基础学习二:创建一个用户表,并增删改查...
MySQL 基础学习二:创建一个用户表,并 增删改查 提示:MySQL 命令建议都用大写,因为小写运行时,还是翻译成大写的. 第一步,创建一个用户表 1,打开控制台,进入数据库 C:\Users\Ad ...
- OpenCV学习(二十四 ):角点检测(Corner Detection):cornerHarris(),goodFeatureToTrack()
OpenCV学习(二十四 ):角点检测(Corner Detection):cornerHarris(),goodFeatureToTrack() 参考博客: Harris角点检测原理详解 Harri ...
- OpenCV学习(二十二) :反向投影:calcBackProject(),mixChannels()
OpenCV学习(二十二) :反向投影:calcHist(),minMaxLoc(),compareHist() 参考博客: 反向投影backproject的直观理解 opencv 反向投影 颜色直方 ...
- OpenCV学习(二十一) :计算图像连通分量:connectedComponents(),connectedComponentsWithStats()
OpenCV学习(二十一) :计算图像连通分量:connectedComponents(),connectedComponentsWithStats() 1.connectedComponents() ...
- OpenCV学习(二十) :分水岭算法:watershed()
OpenCV学习(二十) :分水岭算法:watershed() 参考博客: OpenCV-分水岭算法 图像处理--分水岭算法 OpenCV学习(7) 分水岭算法(1) Opencv分水岭算法--wat ...
最新文章
- for循环 lamda python_Python中if-else判断语句、while循环语句以及for循环语句的使用...
- 全球第二家 亚马逊“喜提”万亿美金市值 AI或是最大功臣
- jenkins docker 安装_docker 安装 Jenkins
- RabbitMQ管理(1)——多租户与权限
- python 实现原型设计模式
- ubtunu打开firefox_Linux Ubuntu 终端命令行打开firefox报错
- CSS的常用属性(二)
- 《MySQL——38道查询练习(无连接查询)》
- 用apache commons-pool2建立thrift连接池
- web前端是不是没有前景了?
- 支持上百万作业量自动调度与编排,BMC云课堂发布Control-M 20
- tcp压力测试工具_DNS压力测试工具之——DNSperf
- JAVA线程池 之 Executors (一) 简介
- R语言模拟:Cross Validation
- 用C#,SQL Server编写的音乐播放软件
- 操作系统--虚拟内存、逻辑地址、线性地址、物理地址
- 如何检测VC运行库是否安装
- 怎样让硬盘分区显示整数大小
- 电力巡检系统无人机模块
- 【叨、校长】一个基于Extjs、Pushlet美轮美奂的Web聊天室