原文:ASP.NET查询页面设置form的action属性只弹出一个页面，并且每次将页面设置到最前

背景

当数据量大、查询条件复杂，多样多的时候，我们可能需要单独做一个查询界面，当用户选择设置了相关的查询条件后，点击【查询】按钮，系统就弹出一个新的页面展示出根据条件查询出的数据集。

然后，用户每点【查询】按钮就弹出一个新的页面展示出最新的查询结果。

当然，在较好的用户体验下，我认为不管用户点击了多少次【查询】按钮，系统应该只弹出并有且只有一个页面，这个页面就是展示查询结果的页面了。并且这页面还应该显示在窗口的最前面，如果用户使用选项卡浏览器就以闪烁的形式提示用户当前的查询结果已更新到最新。

解决方法

大家知道，在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属性只弹出一个页面，并且每次将页面设置到最前的更多相关文章

  1. JavaScript动态修改html组件form的action属性

    用javaScript动态修改html组件form的action属性,可以在提交时再决定处理表单的页面. <%--JavaScript部分--%><script language=& ...

  2. ASP.NET—013：实现带控件的弹出层（弹出框）

    http://blog.csdn.net/yysyangyangyangshan/article/details/38458169 在页面中用到弹出新页面的情况比较多的,一般来说都是使用JS方法sho ...

  3. request设置属性 一般当做下一个页面的结果集

    request设置属性 一般当做下一个页面的结果集

  4. form的action属性作用

    一.action=""和action="#".没有action属性的作用相同,都是提交到当前页面(也就是document.location.href) 二.ac ...

  5. form中action属性后面?传递参数 获取不到

    $p_id = $_REQUEST['p_id']; echo "<h1>您将更新商品编号为<span>$p_id</span>的商品信息 <a h ...

  6. form的action属性值对应servlet的web.xml的url-pattern

    <form action="abc">在web.xml里面<servlet><servlet-name>123</servlet-name ...

  7. struts2动态跳转action,修改和添加共用一个页面

    <s:form action="role_%{ id == null ? 'add' : 'edit' }"> <s:hidden name="id&q ...

  8. js form表单 鼠标移入弹出提示功能

    JS 部分 /* Copyright (C) 2009 - 2012 Email: wangking717@qq.com WebSite: Http://wangking717.javaeye.com ...

  9. iOS开发技巧 - 使用Alerts和Action Sheets显示弹出框

    解决方案: (Swift) 使用UIAlertController类 (Objective-C) 使用UIAlertView类 代码: (Swift) import UIKit class ViewC ...

随机推荐

  1. Python学习入门基础教程(learning Python)--3.3.1 Python下的布尔表达式

    简单的说就是if要判断condition是真是假,Python和C语言一样非0即真,所以如果if的condition是布尔表达式我们可以用True或者非0数(不可是浮点数)表示真,用False或者0表 ...

  2. android平台TextView使用ImageSpan画廊GIF图像

    android-gif-drawable(https://github.com/koral--/android-gif-drawable/releases)开源项目---是一个蛮不错的android ...

  3. 九度 题目1044：Pre-Post

    转载请注明本文链接http://blog.csdn.net/yangnanhai93/article/details/40658571 题目链接:pid=1044">http://ac ...

  4. ProductHunt,TechCrunch和AppStore的差的值

    ProductHunt(产品狩猎)硅谷社区的新产品,起初只存在一个技术性的房子维修.然后进入YC训练营已经收到了几百美元的融资2. 这款产品的形式非常easy.粗产物似乎是一个节目的部位,加上一些评论 ...

  5. linux 经常使用配置

    教研室用的非常旧的fedora14,装一些软件和下载东西的时候比較蛋疼,恰巧ubuntu14.04 公布,于是安装试试,顺便记录下经常使用的配置,备忘. 1. 制作镜像,比較老的主板,写入方式选择US ...

  6. 实现能够直接粘QQ贴截图的bug管理功能

    对于一个功能强大的协作平台来说,todo管理和bug管理是不可缺少的功能.Todo和bug往往不是通过一些简单的文字就能实现的,有时候须要配以图片的说名,之前用过的项目管理平台都是以附件的形式上传图片 ...

  7. MyEclipse每次修改js有另一种部署

    今天在做时间格式显示这块内容的时候.我改动了这个js函数,同一时候凝视的掉了其它的一些替换的方法,可是在浏览器中执行发现效果一点也没有改变.于是debug js,发现浏览器中识别的还是之前未改动的js ...

  8. 【Spring】Spring学习笔记-01-入门级实例

    听说当前Spring框架很流行,我也准备好好学学Spring开发,并将学习的过程和大家分享,希望能对志同道合的同学有所帮助. 以下是我学习Spring的第一个样例. 1.Spring开发环境的搭建 我 ...

  9. javascript中的“向量”

    什么是向量 向量通常指一个有长度有方向的量.向量使所有的移动和空间行为更容易理解和在代码中实现.向量可以相加,缩放,旋转,指向某物体. 在javascript中,一个方向和长度(即向量)在二维空间中可 ...

  10. myEclipse项目部署按钮失效了，怎么办？

    myEclipse项目部署按钮失效了,按了以后没反应,怎么办? 步骤如下: 1.首先关闭MyEclipse. 2.然后删除Workspaces目录(存放您MyEclipse项目的地方)下的 " ...