前提:前端使用的是esayui,页面加载之后会通过esayui进行异步的分页,这里有默认的page和rows信息。现在想以表单的形式做一个多条件查询。两者冲突了。以下是一种解决方案。
扩展一个函数:将表单数据转为json
$.fn.serializeJson=function(){
var serializeObj={};
var array=this.serializeArray();
$(array).each(function(){
if(serializeObj[this.name]){
if($.isArray(serializeObj[this.name])){
serializeObj[this.name].push(this.value);
}else{
serializeObj[this.name]=[serializeObj[this.name],this.value];
}
}else{
serializeObj[this.name]=this.value;
}
});
return serializeObj;
};
进行调用
var p = $("#searchForm").serializeJson();
调用数据表格的load方法,重新发送一次ajax请求,并且提交参数
$("#grid").datagrid("load",p);