EasyUI datagrid 多条件查询
<script type="text/javascript"> $(function () {
$("#dg").datagrid({
url: '',
singleSelect: true,
pagination: true,
pageSize: ,
pageList: [, , , , , , , ],
queryParams: form2Json("searchform"), //关键之处
//锁定列
frozenColumns: [[{
field: 'ck', checkbox: true
},
]],
columns: [[{
field: "be_id",
title: "专家ID",
hidden: true
}, {
field: "be_name",
title: "专家姓名",
align: 'left',
width:
}, {
field: "be_post",
title: "专家职称",
align: 'left',
width: }, {
field: "dt_id",
title: "所属科室",
align: 'center',
width: ,
formatter: function (value, row) {
return formatterDepartment(value)
}
}, {
field: "be_intro",
title: "专家简介",
align: 'left',
width:
}, {
field: "be_order",
title: "排序ID",
align: 'center',
width:
}]],
})//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 = ; i < arr.length; i++) {
jsonStr += '"' + arr[i].name + '":"' + arr[i].value + '",'
}
jsonStr = jsonStr.substring(, (jsonStr.length - ));
jsonStr += '}' var json = JSON.parse(jsonStr)
return json
} </script>
HTML
<form name="searchform" method="post" action="" id ="searchform">
<td width="" height=""><strong>专家检索:</strong></td>
<td height="">
<input type="text" name="keyword" size= >
<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 多条件查询的更多相关文章
- JQuery EasyUI DataGrid根据条件设置表格行样式(背景色)
1.javascript定义函数返回样式 <script type="text/javascript"> //根据条件设置表格行背景颜色 function setRow ...
- 实现easyui datagrid在没有数据时显示相关提示内容
本示例实现easyui datagrid加载/查询数据时,如果没有相关记录,则在datagrid中显示没有相关记录的提示信息,效果如下图所示 本实例要实现如下图所示的效果: 本示例easyui版本为1 ...
- 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 ...
随机推荐
- 文件传输(xmodem协议)
https://www.menie.org/georges/embedded/ 需要移植如下两个基础的硬件读写函数 int _inbyte(unsigned short timeout); void ...
- PAT 1133 Splitting A Linked List[链表][简单]
1133 Splitting A Linked List(25 分) Given a singly linked list, you are supposed to rearrange its ele ...
- 如何获知PHP程序占用多少内存(复制)
想要知道编写的 PHP 脚本需要占用多少内存么?很简单,直接使用 PHP 查看当前分配给 PHP 脚本的内存的函数 memory_get_usage() 就可以了 下面是使用示例: 复制代码 代码如下 ...
- 003-spring boot项目的项目属性配置
一.application.properties文件. 1.项目的配置文件内容.配置了端口,超时连接时间, 2.控制器. 3.访问. 二.application.yml文件 1.application ...
- POJ - 2699 The Maximum Number of Strong Kings (最大流+枚举)
题意:有n(n<=10)个选手,两两之间打比赛,共有n*(n-1)/2场比赛,赢一场得1分.给出每个人最后的得分.求有多少个定义如下的strong king:赢了所有得分比自己高的人或本身就是分 ...
- 【android】 如何把gif图片下载到本地
以上图片大家可以看到,虽然是个jpg格式的文件,但是本质上是个动图. 但是发现在咱的图片模块下,本地存储的图片只有一帧,问题出在哪里呢? http获取到的byte[]数据是没问题的 断点跟踪了下,发现 ...
- 金融即服务(FaaS),将开启场景化金融新格局
转自: https://www.iyiou.com/p/28494/fs/1 [ 亿欧导读 ] 金融即服务揭示了场景金融的实现路径,通过双向连接做一个开放的系统,按需给客户提供金融服务. 本文系作者在 ...
- OpenCV KNN 之 使用方法
http://blog.csdn.net/WL2002200/article/details/43149229 OpenCV 中KNN构造函数如下. C++: CvKNearest::CvKNeare ...
- Web前端学习笔记之jQuery选择器
JQuery过滤器 经过一晚上的查找整理,终于整理出一套应该算最全面的JQuery选择过滤器的方法了.所有代码均经过测试.首先HTML代码 HTML Code <html><head ...
- HCNP学习笔记之PXE原理详解及实践
一.PXE简介 PXE(preboot execute environment,预启动执行环境)是由Intel公司开发的最新技术,工作于Client/Server的网络模式,支持工作站通过网络从远端服 ...