67jqGrid - 搜索操作工具栏

这个例子展示了jqGrid一个非常有用的功能-在工具栏上选择一个特定字段进行搜索操作。
为此，我们引入了一个新的工具栏搜索参数-searchOperators，当我们设置它为true时，
他允许我们在一个特定的字段上选择一个搜索操作。
在例子中，很多不同的操作，已经在搜索操作项里面被定义了。
选择一个期望的操作，填入一个值，然后点击Enter，它将会被搜索。

HTML代码举例

<html><head><title>jqGrid 实例</title></head><body>···代码省略···<table id="list451"></table> <div id="pager451"></div>···代码省略···</body>
</html>

javascript代码举例

$(function(){pageInit();
});
function pageInit(){jQuery("#list451").jqGrid({url:ctx+'/LocalData',datatype: "json",height: 255,width: 600,colNames:['Index','Name', 'Code'],colModel:[{name:'item_id',index:'item_id', width:65,  sorttype:'integer', searchoptions:{sopt:['eq','ne','le','lt','gt','ge']}},{name:'item',index:'item', width:150, sorttype:'string', searchoptions:{sopt:['eq','bw','bn','cn','nc','ew','en']}},{name:'item_cd',index:'item_cd', width:100}],rowNum:50,rowTotal: 200,rowList : [20,30,50],loadonce:true,mtype: "GET",rownumbers: true,rownumWidth: 40,gridview: true,pager: '#pager451',sortname: 'item_id',viewrecords: true,sortorder: "asc",caption: "Loading data from server at once"  });jQuery("#list451").jqGrid('filterToolbar',{searchOperators : true});}

java servlet代码举例

package net.mn886.blog.jqgrid.new_3_7;import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import org.json.JSONArray;
import org.json.JSONObject;/*** Servlet implementation class LocalData*/
public class LocalData extends HttpServlet {private static final long serialVersionUID = 1L;/*** @see HttpServlet#HttpServlet()*/public LocalData() {super();// TODO Auto-generated constructor stub}/*** @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)*/protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubdoPost(request, response);}/*** @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)*/protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubJSONArray rows = new JSONArray();//模拟数据for(int i=0;i<2000;i++){JSONObject item = new JSONObject("{\"id\":\""+(i+1)+"\",\"cell\":[\""+(i+1)+"\",\"Lorem\",\"575878\"]}");rows.put(item);}JSONObject jsondata = new JSONObject();jsondata.put("page", "1");jsondata.put("total", 7);jsondata.put("records", "12269");jsondata.put("rows", rows);response.getWriter().write(jsondata.toString());}}

67jqGrid - 搜索操作工具栏相关推荐

基于octree的空间划分及搜索操作
(1) octree是一种用于管理稀疏3D数据的树形数据结构,每个内部节点都正好有八个子节点,介绍如何用octree在点云数据中进行空间划分及近邻搜索,实现"体素内近邻搜索(Neighbo ...
阿里一面，给了几条SQL，问需要执行几次树搜索操作？
前言有位朋友去阿里面试,他说面试官给了几条查询SQL,问:需要执行几次树搜索操作?我朋友当时是有点懵的,后来冷静思考,才发现就是考索引的几个基础知识点~~ 本文我们分九个索引知识点,一起来探讨一下. ...
elasticsearch实战三部曲之三：搜索操作
elasticsearch实战三部曲之三:搜索操作 2019年01月13日 21:35:18 博陵精骑阅读数:1367 标签: elasticsearch 更多个人分类: elasticsearc ...
备战春招：阿里一面，给了几条SQL，问需要执行几次树搜索操作？
作者 | 捡田螺的小男孩来源 | 捡田螺的小男孩有位朋友去阿里面试,他说面试官给了几条查询SQL,问:需要执行几次树搜索操作?我朋友当时是有点懵的,后来冷静思考,才发现就是考索引的几个基础知识点~ ...
MySql 一条普通的查询语句你知道需要执行几次树的搜索操作以及会扫描多少行吗？？？ MySql 索引覆盖
在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的内容,有一种执着,就是不知为什么,如果你迷茫,不 ...
coreldraw凹槽_CATIA课时：操作工具栏创建修剪分割曲面视频教程_翼狐网
第一章:CATTA入门基础 1.CATA软件安装 2.CATA帮述 3.CAT界面及文档介绍 4.CATTA基础操作第二章:软件绘图环境设置 5.常用系统选项设置 6.CATA自定义偏好设置第三章 ...
layui-mini+spring boot实现table搜索操作传参
项目场景: layui-mini + spring boot 使用table.reload实现搜索操作的传参问题描述: layui向后端传的json格式数据因table.reload在传参时默认携 ...
基于八叉树的空间划分及搜索操作
基于八叉树的空间划分及搜索操作原理 Code CmakeList.txt CPP 体素近邻搜索 K 近邻搜索半径内近邻搜索 Result 原理建立空间索引在点云数据处理中有着广泛的应用 ...
es multi match_PHP 的ES搜索操作
原文:https://blog.csdn.net/JineD/article/details/106650695 首先从ES的支持的字段说起,ES文档中字段有多种类型官方文档.这几个比较常用:tex ...

67jqGrid - 搜索操作工具栏

HTML代码举例

javascript代码举例

java servlet代码举例

67jqGrid - 搜索操作工具栏相关推荐

最新文章

热门文章