easyui datagrid查询条件

最新推荐文章于 2023-07-27 16:52:41 发布

转载最新推荐文章于 2023-07-27 16:52:41 发布 · 185 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/v10258/archive/2012/12/27/2836335.html

文章标签：

#json #javascript #ViewUI

本文介绍了如何在EasyUI datagrid中使用datagridload方法及reload方法来传递查询参数，并展示了如何通过设置queryParams来实现动态查询。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、利用datagrid load方法重新载入并传递查询参数.

load

param

载入并显示第一页的记录，如果传递了'param'参数，它将会覆盖查询参数属性的值。

   $('#dg').datagrid('load', { "searchKey": name, "searchValue": value }); 
   $('#dg').datagrid('load', { "参数名": 值, "参数名2": 参数值});

当点击查询按钮send时触发

$(function(){　　
    $("#send").click(function(){　　　　
        $('#Dear').datagrid('load', { "searchKey":"cnname", "searchValue":  $('#cnname).val()});　　
    })
});

　　服务器端代码

include 'conn.php';  
  
$page = isset($_POST['page']) ? intval($_POST['page']) : 1;  
$rows = isset($_POST['rows']) ? intval($_POST['rows']) : 10;  
$itemid = isset($_POST['searchKey']) ? mysql_real_escape_string($_POST['searchKey']) : '';  
  
$offset = ($page-1)*$rows;  
  
$result = array();  
  
$where = "itemid like '$itemid%'";  
$rs = mysql_query("select count(*) from item where " . $where);  
$row = mysql_fetch_row($rs);  
$result["total"] = $row[0];  
  
$rs = mysql_query("select * from item where " . $where . " limit $offset,$rows");  
  
$items = array();  
while($row = mysql_fetch_object($rs)){  
    array_push($items, $row);  
}  
$result["rows"] = $items;  
  
echo json_encode($result);


后台代码分析

　　1. 首先判断是否要生成查询数据，条件是传递参数$_POST['searchKey']存在且不为空。

　　　　if(isset($_POST['searchValue']) and $_POST['searchValue']!="")

　　2. 采用like查询语言扩大查询范围，$map[$_POST['searchKey']]=array('like',array('%'.$_POST['searchValue'].'%'));生成的查询代码是：$_POST['searchKey']

　　　　like % $_POST['searchValue'] %

　　3. 生成的查询记录要符合datagrid的json数据格式。其中json数据的总记录用count()生成，需位于where条件之后。


注意：

reload

param

重载记录，跟'load'方法一样但是重载的是当前页的记录而非第一页。

 
  $('#Dear').datagrid('reload', { "searchKey": name, "searchValue": value });



二、利用datagrid 内置方法传入queryParams（查询参数）.

queryParams（查询参数）

object（对象）

当请求远程数据时，发送的额外参数。

 var query={keywords:'your keywords',id:'your id'}; //把查询条件拼接成JSON 
$("#test").datagrid('options').queryParams=query; //把查询条件赋值给datagrid内部变量
 $("#test").datagrid('reload'); //重新加载

或者

var postdata = new Array();      
postdata[1] = { param1: "cnname", keywords1: "lanse" }; 
postdata[2] = { param2: "mobile", keywords2: "18626216619" };
$('#Dear').datagrid('options').queryParams = {   
    "queryParam" : $.toJSON(postdata);   //把数组转换成json字符串
 };　
　//$('#Dear').datagrid('options').url = url;   如果url也没变可以不用再设置。关键是reload这个方法执行重载　
$("#Dear").datagrid('reload');

toJONString和toJSON这两个方法是拓展方法

去json官方下载 json类   就是一个json.js的javascript文件  才能使用这2个函数

https://github.com/douglascrockford/JSON-js

转载于:https://www.cnblogs.com/v10258/archive/2012/12/27/2836335.html