ASP.NET查询页面设置form的action属性只弹出一个页面,并且每次将页面设置到最前
2011-09-09 15:47
351 查看
[b]背景[/b]
当数据量大、查询条件复杂,多样多的时候,我们可能需要单独做一个查询界面,当用户选择设置了相关的查询条件后,点击【查询】按钮,系统就弹出一个新的页面展示出根据条件查询出的数据集。
然后,用户每点【查询】按钮就弹出一个新的页面展示出最新的查询结果。
当然,在较好的用户体验下,我认为不管用户点击了多少次【查询】按钮,系统应该只弹出并有且只有一个页面,这个页面就是展示查询结果的页面了。并且这页面还应该显示在窗口的最前面,如果用户使用选项卡浏览器就以闪烁的形式提示用户当前的查询结果已更新到最新。
[b]解决方法[/b]
大家知道,在asp.net中直接设置form的action是没有效果的,或者当产生postback的时候可能会有一些意外的事情发生。如:
好,现在我们只能通过javascript动态的设置form的action以及target属性了,具体如下代码:
当点击【查询】按钮时,就触发FormSubmit方法,通过FormSubmit方法先保存form的属性,然后再设置form的action以及target属性,将target设置为查询结果的页面路径,这样可以保存永远只弹出一个页面,而不是多个页面。最后form表单提交后,将form的属性还原。
保证查询结果显示在最前面或者提示用户
在查询结果页面中,向body加入onload事件,具体如下:
这样就可以保证,当页面加载的时候焦点就在查询结果页面上。
当数据量大、查询条件复杂,多样多的时候,我们可能需要单独做一个查询界面,当用户选择设置了相关的查询条件后,点击【查询】按钮,系统就弹出一个新的页面展示出根据条件查询出的数据集。
然后,用户每点【查询】按钮就弹出一个新的页面展示出最新的查询结果。
当然,在较好的用户体验下,我认为不管用户点击了多少次【查询】按钮,系统应该只弹出并有且只有一个页面,这个页面就是展示查询结果的页面了。并且这页面还应该显示在窗口的最前面,如果用户使用选项卡浏览器就以闪烁的形式提示用户当前的查询结果已更新到最新。
[b]解决方法[/b]
大家知道,在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();">
这样就可以保证,当页面加载的时候焦点就在查询结果页面上。
相关文章推荐
- ASP.NET查询页面设置form的action属性只弹出一个页面,并且每次将页面设置到最前
- asp.net mvc jqgrid 同一个页面查询不同的表,jqgrid显示不同表的表头和数据并且分页
- 页面中设置默认的回车激活按钮, ASP.NET DefaultButton 属性
- 每次我们请求一个asp.net页面时,我们都经历着同样的过程
- asp.net MVC 中 action中的参数有是集合的属性 视图中表单的设置方式
- C# ASP.NET中无刷新页面 弹出对话框,并且页面跳转
- C# ASP.NET中无刷新页面 弹出对话框,并且页面跳转
- [原创] ASP.NET 中如何弹出提示窗口然后导向另外一个页面
- ASP.NET Aries 入门开发教程3:开发一个列表页面及操控查询区
- asp.net使用post方式action到另一个页面,在另一个页面接受form表单的值!(报错,已解决!)
- ASP.NET Aries 入门开发教程3:开发一个列表页面及操控查询区 推荐
- asp.net教程:UrlRewrite时修改form的action属性问题[转]
- Asp.Net弹出一个先对话框然后跳转到另一个页面 小结
- ASP.NET MVC中如何在当前页面上弹出另外一个页面
- asp.net使用post方式action到另一个页面,在另一个页面接受form表单的值!(报错,已解决!)
- 页面缓冲与Asp.Net的性能优化(设置Page.Buffer属性)
- 【C#】对异步请求处理程序IHttpAsyncHandler的理解和分享一个易用性封装 【手记】走近科学之为什么明明实现了IEnumerable<T>的类型却不能调用LINQ扩展方法 【手记】手机网页弹出层后屏蔽底层的滑动响应 【手记】ASP.NET提示“未能创建类型”处理 【Web】一个非常简单的移动web消息框 【手记】解决EXCEL跑SQL遇“查询无法运行或数据库表无法打开...”
- asp.net弹出一个新页面时隐藏任务栏
- asp.net Page页面中的一个有用属性
- ASP.NET MVC 中 如何将同一个form post到不同的action