EasyUI datagrid 的多条件查询
<script type="text/javascript">
 
        $(function () {
            $("#dg").datagrid({
                url: '',
                singleSelect: true,
                pagination: true,
                pageSize: 15,
                pageList: [5, 10, 15, 20, 30, 50, 80, 200],
                queryParams: form2Json("searchform"),  //关键之处
                //锁定列
            frozenColumns: [[{
                field: 'ck', checkbox: true
            },
        ]],
            columns: [[{
                field: "be_id",
                title: "专家ID",
                hidden: true
            }, {
                field: "be_name",
                title: "专家姓名",
                align: 'left',
                width: 100
            }, {
                field: "be_post",
                title: "专家职称",
                align: 'left',
                width: 200
 
            }, {
                field: "dt_id",
                title: "所属科室",
                align: 'center',
                width: 100,
                formatter: function (value, row) {
                    return formatterDepartment(value)
                }
            }, {
                field: "be_intro",
                title: "专家简介",
                align: 'left',
                width: 450
            }, {
                field: "be_order",
                title: "排序ID",
                align: 'center',
                width: 100
            }]],
            })//datagrid
 
 
          $("#submit_search").linkbutton({ iconCls: 'icon-search', plain: true })
            .click(function () {
                $('#dg').datagrid({ queryParams: form2Json("searchform") });   //点击搜索
            });
 
        })
 
        //将表单数据转为json
        function form2Json(id) {
 
            var arr = $("#" + id).serializeArray()
            var jsonStr = "";
 
            jsonStr += '{';
            for (var i = 0; i < arr.length; i++) {
                jsonStr += '"' + arr[i].name + '":"' + arr[i].value + '",'
            }
            jsonStr = jsonStr.substring(0, (jsonStr.length - 1));
            jsonStr += '}'
 
            var json = JSON.parse(jsonStr)
            return json
        }
 
    </script>
>>>>>>>>>>html
<form name="searchform" method="post" action="" id ="searchform">
    <td width="70" height="30"><strong>专家检索:</strong></td>
    <td height="30">
        <input type="text" name="keyword" size=20 >
        <select name="search_type" id="search_type" >
            <option value="-1">请选择搜索类型</option>
            <option value="be_name" >按专家姓名</option>
            <option value="be_intro">按专家简介</option>
        </select>
        <select name="search_dept" id="search_dept">
            <option value="-1">请选择所属科室</option>
        </select>
        <a id="submit_search">搜索</a>
    </td>
  </form>
  <table id="dg"></table>
>>>>>>>说明
queryParams: form2Json("searchform") 是关键,这个属性是专门用来查询的
为搜索按钮绑定click事件
$("#submit_search").click(function () {
                $('#dg').datagrid({ queryParams: form2Json("searchform") });   //点击搜索
            });
EasyUI datagrid 的多条件查询的更多相关文章
- EasyUI ComboGrid的绑定,上下键和回车事件,输入条件查询
		
首先我们先看一下前台的绑定事件 1.先定义标签 <input id="cmbXm" type="text" style="width: 100p ...
 - jquery easyui datagrid翻页后再查询始终从第一页开始
		
在查询之前将datagrid的属性pageNumber重新设置为1 var opts = grid.datagrid('options'); opts.pageNumber = 1; easyui d ...
 - EasyUI datagrid  查询、设置、提交 三
		
查询 $(“#grid”).datagrid(“load”,{ a: $('#id').val(),b :$('#text').val() }); {} 里面可以 是序列化参数 $(“#grid ...
 - 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(8)-MVC与EasyUI DataGrid 分页
		
系列目录 前言 为了符合后面更新后的重构系统,文章于2016-11-1日重写 EasyUI Datagrid在加载的时候会提交一些分页的信息到后台,我们需要根据这些信息来进行数据分页再次返回到前台 实 ...
 - easyui datagrid 分页略解
		
easyui datagrid 本身自带了分页功能. 但是这个需要你自己控制. 在后台可以得到两个datagrid的参数,rows 和page.其中rows是每页要显示的个数,page是第几页.单纯的 ...
 - jquery easyui datagrid使用参考
		
jquery easyui datagrid使用参考 创建datagrid 在页面上添加一个div或table标签,然后用jquery获取这个标签,并初始化一个datagrid.代码如下: 页面上 ...
 - jquery easyui DataGrid
		
Easyui Demo网站: http://www.jeasyui.com/ 英文 http://www.phptogether.com/juidoc/ 中文 datagrip的基本属性方法:ht ...
 - EasyUI datagrid组件绑定有转义字符的json数据出错
		
最近项目中一个页面的datagrid出现了莫名其妙的问题, 首先是分页数据的第二页和第三页不能展示,过了一天后第一页也出不来了, 默认首页不出来导致后续分页处理无法进行, 整个数据都不出来了,最后只能 ...
 - [转载]再次谈谈easyui datagrid 的数据加载
		
这篇文章只谈jQuery easyui datagrid 的数据加载,因为这也是大家谈论最多的内容.其实easyui datagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数 ...
 
随机推荐
- threejs学习笔记(一)
			
得到webgl的渲染管线
 - 文本分类实战(二)—— textCNN 模型
			
1 大纲概述 文本分类这个系列将会有十篇左右,包括基于word2vec预训练的文本分类,与及基于最新的预训练模型(ELMo,BERT等)的文本分类.总共有以下系列: word2vec预训练词向量 te ...
 - SDOI 2019 R1游记
			
$SDOI$ $2019$ $R1$游记 昨天才刚回来,今天就来写游记啦! Day -5: 做了一下去年省选的Day1,感觉很神仙. Day -4: 做了一下去年省选的Day2,感觉还是很神仙. Da ...
 - 011_Python中单线程、多线程和多进程的效率对比实验
			
Python是运行在解释器中的语言,查找资料知道,python中有一个全局锁(GIL),在使用多进程(Thread)的情况下,不能发挥多核的优势.而使用多进程(Multiprocess),则可以发挥多 ...
 - JDK内置工具使用(jps、jstack、jmap、jstat)
			
一.JPS 1.jps -lvm:用于查看当前机器上已装载的jvm 二.jstackjstack命令主要用来查看Java线程的调用堆栈的,可以用来分析线程问题(如死锁) 1.jstack -l pid ...
 - 2018-2019-2 20175332-实验一《Java开发环境的熟悉》实验报告
			
一.安装IDEA 1.在官方网站下载IDEA安装包https://www.jetbrains.com/idea/download/#section=windows 2.破解软件,第一次参考博客是:ht ...
 - iOS开发基础-KVC简单介绍
			
一.KVC介绍 键值编码(Key Value Coding,KVC):使开发者不必进行任何操作就可以进行属性的动态读写. KVC操作方法由 NSKeyValueCoding 协议提供,而 NSObje ...
 - openstack搭建之-cinder配置(12)
			
一. base节点配置 mysql -u root -proot CREATE DATABASE cinder; GRANT ALL PRIVILEGES ON cinder.* TO 'cinder ...
 - vue脚手架搭建项目引用百度地图--出坑
			
这是官网地址 https://dafrok.github.io/vue-baidu-map/#/zh/start/installation 需要声明注意的是 BaiduMap 组件容器本身是一个空的块 ...
 - Linux 系统巡检常用命令
			
Linux系统巡检常用命令 # uname -a # 查看内核/操作系统# cat /etc/centos-release # 查看centos操作系统版本# cat /proc/cpuinfo ...