扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章将为大家详细讲解有关如何使用Easyui实现查询条件的后端传递并自动刷新表格，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
创新互联建站专注于企业全网营销推广、网站重做改版、浦城网站定制设计、自适应品牌网站建设、HTML5建站、成都做商城网站、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为浦城等各大城市提供网站开发制作服务。
搜索框如下：
通过datagrid的load方法直接传递参数并自动刷新表格
通过ajax的post函数传递参数并通过loadData方法将数据初始化到表格中
js代码（搜索按钮的点击事件部分）：
$("#standardQueryBtn").click(function(){//点击搜索按钮的触发事件
if($("#offerid").val() != ""){//判断id搜索框的值是否为空
$("#dg").datagrid('load',{//调用load方法传递参数，从服务器加载新数据
"offer.id":$("#offerid").val(),//将搜索框的值赋给offer.id并传到后端
"flag":'qid',//传递一个flag值用于判断执行何种操作
});
}else if($("#offername").val() != ""){//判断name搜素框的值是否为空
$.post("${pageContext.request.contextPath}/OfferServlet",//通过ajax的post函数传递flag和offername值
{flag:"qname","offer.name":$("#offername").val()},
function(ons){//回调函数处理
var json = JSON.parse(ons);//将返回的字符串转换为JSON
$('#dg').datagrid('loadData',json);//将表格数据初始化方式更新
});
}
});jsp代码（只包含按钮和搜索框的toolbar）：