1.html
<form id="searchBox">
<div class="inputGroupBox">
<ul class="inputBox">
<li>审核状态:<input style="height:35px;" id="audState" name="audState" type="text" class="easyui-combobox" placeholder="请选择审核状态"/></li>
<li>项目名称:<input id="pjName" name="pjName" type="text" placeholder="请输入项目名称"/></li>
<li>项目编号:<input id="pjNo" name="pjNo" type="text" placeholder="请输入项目编号"/></li>
<li>任务名称:<input id="taskName" name="taskName" type="text" placeholder="请输入任务名称" /></li>
<li>任务编号:<input id="taskNo" name="taskNo" type="text" placeholder="请输入任务编号"/></li>
<li>出库申请单编号:<input id="applyCode" name="applyCode" type="text" placeholder="请输入出库申请单编号"/></li>
<li><a href="javascript:void(0)" class="queryBtn listBtn" οnclick="queryData()">查询</a><a href="javascript:void(0)" class="clearBtn listBtn" οnclick="reloadData()">重置</a> </li>
</ul >
</div>
</form>
2.页面跳转前获取查询参数
var data=$('#searchBox').serializeJson();//获取查询数据
//获取当前页数页码
var page = $('#dg').datagrid('getPager').data("pagination").options; ;
data.pageNumber =page.pageNumber;
data.pageSize =page.pageSize;
var searchData="";
if(data&&data!=null){
searchData="&searchData="+encodeURI(encodeURI(JSON.stringify(data)))+"&isSearch=true";//json对象转化为json字符串传输
}
$('#'+funcId,window.parent.document.body).attr('src',sname+'/MaterialApplyOutController/pageJump?gerne=addMaterialApplyOut&functionid='+funcId+searchData);
3.在跳转后的页面获取查询条件(公共JS)
function getParam() {
var url = decodeURI(location.search); // 获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
}
}
return theRequest;
}
var urlParam = getParam();
4.返回把条件一起带回页面
function cleanForm(){
var searchDatas=urlParam['searchData'];
var searchData="";
if(searchDatas&&searchDatas!=null){
searchData="&searchData="+encodeURI(encodeURI(searchDatas))+"&isSearch="+urlParam['isSearch'];
}
$('#' + urlParam['functionid'], window.parent.document.body).attr('src', sname + "/jsp/materialsManage/materialapplyout/materialApplyOutMgt.jsp?functionid=" + urlParam['functionid']+searchData);
}
5.在页面获取查询条件并赋值,初始化表格参数
var isSearch=false;//标志是否点击查询按钮
var params={};//参数
var searchDatas=urlParam['searchData'];
if(urlParam['isSearch']&&urlParam['isSearch']!=null){
isSearch=urlParam['isSearch'];
}
if(searchDatas&&searchDatas!=null&&isSearch=="true"){//不为null说明有查询条件,查询的时候需要带上查询条件
params=JSON.parse(searchDatas);
}
window.οnlοad=function (){
setSearchValues(params);//给查询框赋值
}
//给查询条件赋值
function setSearchValues(json){
if(json&&json!=null){
$("#searchBox").find("ul li input").each(function(){
var id=$(this).attr("id");
var classes=$(this).attr("class");//获取class的值,用于判断是什么控件
var value=json[id];
if(value&&value!=null&&value!=""){//判断此搜索框是否带有查询的值
if(classes&&classes!=null&&classes!=""){
if(classes.indexOf("easyui-combobox")!=-1){//下拉框
$("#"+id).combobox("setValue",value);
}else if(classes.indexOf("easyui-datetimebox")!=-1){//时间控件
$("#"+id).datetimebox("setValue",value);
}else if(classes.indexOf("easyui-datebox"!=-1)){//日期控件
$("#"+id).datebox("setValue",value);
}else if(classes.indexOf("easyui-textbox"!=-1)){//文本框
$("#"+id).textbox("setValue",value);
}
//后续可以自己扩展
}else{//普通文本框
$("#"+id).val(value);
}
}
})
}
}
6。给表格参数初始化