背景
当数据量大、查询条件复杂,多样多的时候,我们可能需要单独做一个查询界面,当用户选择设置了相关的查询条件后,点击【查询】按钮,系统就弹出一个新的页面展示出根据条件查询出的数据集。
然后,用户每点【查询】按钮就弹出一个新的页面展示出最新的查询结果。
当然,在较好的用户体验下,我认为不管用户点击了多少次【查询】按钮,系统应该只弹出并有且只有一个页面,这个页面就是展示查询结果的页面了。并且这页面还应该显示在窗口的最前面,如果用户使用选项卡浏览器就以闪烁的形式提示用户当前的查询结果已更新到最新。
解决方法
大家知道,在asp.net中直接设置form的action是没有效果的,或者当产生postback的时候可能会有一些意外的事情发生。如:
<form id="form1" runat="server" action="searchresult.aspx" >
好,现在我们只能通过javascript动态的设置form的action以及target属性了,具体如下代码:
function FormSubmit(){
var action = $('#form1').attr('action');
var target = $('#form1').attr('target');
$('#form1').attr('action','RetireeInfoSearchResult.aspx');
$('#form1').attr('target','RetireeInfoSearchResult.aspx');
var d = $('#form1').submit();
//alert(d);
$('#form1').attr('action',action);
$('#form1').attr('target',target);
return false;
}
当点击【查询】按钮时,就触发FormSubmit方法,通过FormSubmit方法先保存form的属性,然后再设置form的action以及target属性,将target设置为查询结果的页面路径,这样可以保存永远只弹出一个页面,而不是多个页面。最后form表单提交后,将form的属性还原。
保证查询结果显示在最前面或者提示用户
在查询结果页面中,向body加入onload事件,具体如下:
<body onload="self.focus();">
这样就可以保证,当页面加载的时候焦点就在查询结果页面上。
本文转自Sam Lin博客博客园博客,原文链接:http://www.cnblogs.com/samlin/archive/2011/09/09/html-form-action-target.html,如需转载请自行联系原作者