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学习(二)相关推荐

  1. jqGrid 学习笔记整理——基础篇

    jqGrid 学习笔记整理--基础篇 jqGrid 实例中文版网址:http://blog.mn886.net/jqGrid/ 国外官网:http://www.trirand.com/blog/ 本人 ...

  2. jqGrid学习笔记(一)

    原文地址为: jqGrid学习笔记(一) jqGrid 是一个用来显示网格数据的jQuery插件,通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信.文档比较全面,其官方网址为: h ...

  3. C#多线程学习(二) 如何操纵一个线程

    C#多线程学习(二) 如何操纵一个线程 原文链接:http://kb.cnblogs.com/page/42529/ [1] C#多线程学习(二) 如何操纵一个线程 [2] C#多线程学习(二) 如何 ...

  4. spring security 学习二

    spring security 学习二 doc:https://docs.spring.io/spring-security/site/docs/ 基于表单的认证(个性化认证流程): 一.自定义登录页 ...

  5. STL源码剖析学习二:空间配置器(allocator)

    STL源码剖析学习二:空间配置器(allocator) 标准接口: vlaue_type pointer const_pointer reference const_reference size_ty ...

  6. mysql用创建的用户登陆并修改表格_MySQL 基础学习二:创建一个用户表,并增删改查...

    MySQL 基础学习二:创建一个用户表,并 增删改查 提示:MySQL 命令建议都用大写,因为小写运行时,还是翻译成大写的. 第一步,创建一个用户表 1,打开控制台,进入数据库 C:\Users\Ad ...

  7. OpenCV学习(二十四 ):角点检测(Corner Detection):cornerHarris(),goodFeatureToTrack()

    OpenCV学习(二十四 ):角点检测(Corner Detection):cornerHarris(),goodFeatureToTrack() 参考博客: Harris角点检测原理详解 Harri ...

  8. OpenCV学习(二十二) :反向投影:calcBackProject(),mixChannels()

    OpenCV学习(二十二) :反向投影:calcHist(),minMaxLoc(),compareHist() 参考博客: 反向投影backproject的直观理解 opencv 反向投影 颜色直方 ...

  9. OpenCV学习(二十一) :计算图像连通分量:connectedComponents(),connectedComponentsWithStats()

    OpenCV学习(二十一) :计算图像连通分量:connectedComponents(),connectedComponentsWithStats() 1.connectedComponents() ...

  10. OpenCV学习(二十) :分水岭算法:watershed()

    OpenCV学习(二十) :分水岭算法:watershed() 参考博客: OpenCV-分水岭算法 图像处理--分水岭算法 OpenCV学习(7) 分水岭算法(1) Opencv分水岭算法--wat ...

最新文章

  1. for循环 lamda python_Python中if-else判断语句、while循环语句以及for循环语句的使用...
  2. 全球第二家 亚马逊“喜提”万亿美金市值 AI或是最大功臣
  3. jenkins docker 安装_docker 安装 Jenkins
  4. RabbitMQ管理(1)——多租户与权限
  5. python 实现原型设计模式
  6. ubtunu打开firefox_Linux Ubuntu 终端命令行打开firefox报错
  7. CSS的常用属性(二)
  8. 《MySQL——38道查询练习(无连接查询)》
  9. 用apache commons-pool2建立thrift连接池
  10. web前端是不是没有前景了?
  11. 支持上百万作业量自动调度与编排,BMC云课堂发布Control-M 20
  12. tcp压力测试工具_DNS压力测试工具之——DNSperf
  13. JAVA线程池 之 Executors (一) 简介
  14. R语言模拟:Cross Validation
  15. 用C#,SQL Server编写的音乐播放软件
  16. 操作系统--虚拟内存、逻辑地址、线性地址、物理地址
  17. 如何检测VC运行库是否安装
  18. 怎样让硬盘分区显示整数大小
  19. 电力巡检系统无人机模块
  20. 【叨、校长】一个基于Extjs、Pushlet美轮美奂的Web聊天室

热门文章

  1. 【分享】华为总裁任正非谈企业管理:正确的方向来自于妥协
  2. iOS 控件宽高字体大小适配方法
  3. Mac如何修改文件默认打开方式?
  4. Mac Office如何彻底卸载
  5. 如何配置Mac OS X实现LAN唤醒?
  6. javascript基本排序算法
  7. mac系统中怎么把显示在桌面上的磁盘图标取消掉?
  8. Material Design使用集合
  9. 【网络文摘】编程的智慧
  10. 使用ReactiveCocoa实现iOS平台响应式编程