页面跳转前保存页面的查询条件(一)

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。给表格参数初始化


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值