做分页查询,页面跳转的问题.
由于要传递的参数不仅仅是需要跳转的页码,还有一些偏移量等数据,所以不能通过回车直接提交,
而是通过一个方法,在该方法中设置相应的数据,再提交表单.
所以需要屏蔽掉表单回车提交的功能.
代码:
<script type="text/javascript">
$(function() {
//阻止表单中的输入框回车提交功能
$("input:text").keypress(function(event){
if(event.keyCode == 13){
//alert("尝试取消自动提交")
return false;
}
});
//监测跳转的页码输入框,敲击回车时调用跳转页码的方法.
$("#pagerCurpageText").keydown(function(evt) {
evt = (evt) ? evt : window.event;
if (evt && evt.keyCode==13) {
//如果敲击的是回车,则调用方法.
setPagerCurpage();
}
});
});
//跳转页码
function setPagerCurpage(){
var pagerSize = $("#pagerSize").val();//提交的数据:每页显示的条数
var pagerCurpageText = $("#pagerCurpageText").val();//当前页码(输入的)
$("#pagerOffset").val((parseInt(pagerCurpageText)-1)*parseInt(pagerSize));//计算设置查询时的偏移量
$(".swpsparams").each(function(i,n){
$("#pager__form").append(this.outerHTML);
});
pager_form.submit();//提交表单
};
</script>