zoukankan      html  css  js  c++  java
  • 浅析ASP.NET回车提交事件[转]

    ASP.NET回车提交事件其实说到底并不是ASP.NET 的编程问题,却是关于html form 中的submit 按钮就是如何规划的具体讨论。 也可归于ASP.NET编程的一部分,那么ASP.NET回车提交事件的具体实现是怎么样的呢?下面我们具体的看下:

    ASP.NET回车提交事件实现1、

    当你的光标焦点进入某个表单元素的时候,会激活该表单中第一个(流布局顺从左到右,从上至下) type=submit 的按钮(假如有),等待响应回车事件,并提交该form

    你可以测试一下代码:

    1. ﹤form action=""﹥   
    2. ﹤input type="text" /﹥   
    3. ﹤input type="submit" value="submit" /﹥   
    4. ﹤/form﹥   
    5. ﹤form action=""﹥   
    6. ﹤input type="text" /﹥   
    7. ﹤input type="button" value="submit" /﹥   
    8. ﹤/form﹥ 

    ASP.NET回车提交事件实现2.

    在 ASP.NET 2.0 中 button 默认呈现为 ﹤input type=submit﹥ 此时不要额外脚本提交form ,submit 按钮就是设计用来提交form 而在 1.x 中则呈现为 ﹤input type=button onclick=_doPostBack(...) /﹥ 此普通 button 不具备 submit 的上述默认行为

    ASP.NET回车提交事件实现3. 禁用此默认行为有法二

    (1)设置 form 元素的 defualtButton 为你希望响应回车的真正按钮如下

    1. ﹤form id="form1"   
    2.  
    3. runat="server"   
    4.  
    5. defaultbutton="Button1"﹥   

    注意 defaultButton = ﹤ ﹤TargetButton.ID﹥﹥ 因此这对复合控件中比如模板的 Button 可能无效(未测试)

    (2)修改 button 呈现方式 UseSubmitBehavior="false"

    1. ﹤asp:Button ID="Button1"   
    2.  
    3. runat="server" Text="Button"   
    4.  
    5. onclick="Button1_Click"   
    6.  
    7. UseSubmitBehavior="false" /﹥   

    另外可以通过控制焦点的方式,过滤回车实践,需要记录一笔的是,获取当前页面焦点所在控件的ID:

    1. document.activeElement  

    对于ASP.NET.我们在TextBox1中输入内容后,按下enter键后,就执行Button1的click方法。那么在page_load事件方法中写。

    1. TextBox1.Attributes.Add("onkeydown",   
    2.  
    3. "if(event.which || event.keyCode){  
    4.  
    5. if ((event.which == 13) || (event.keyCode == 13)) {  
    6.  
    7. document.getElementById('"+  
    8.  
    9. Button1.UniqueID+"').click();return false;}}   
    10.  
    11. else {return true}; ");  

    有ASP.NET里面用了form runat=server的表单的时候,里面的﹤asp:button .. 总不能按个回车提交表单,很是不爽。
    现在终于发现了一个属性可以干这个事情,用 this.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";
    值得注意的是,如果用了masterPage(母板页),那么要在按钮ID前加上母板的ID:ContentPlaceHolderID和一个美元符($)

    C#实现代码如下:

    1. ﹤%@ Page Language="C#"   
    2. MasterPageFile="~/MasterPage.master"   
    3. AutoEventWireup="true"   
    4. CodeFile="login.aspx.cs"   
    5. Inherits="login" %﹥  
    6. ﹤asp:Content ID="Content1"   
    7. ContentPlaceHolderID="ContentPlaceHolder1"   
    8. Runat="Server"﹥  
    9. ﹤asp:TextBox runat="server"   
    10. ID="wd" ﹥﹤/asp:TextBox﹥  
    11. ﹤asp:Button ID="btsubmit"   
    12. runat="server" Text="提交" 
    13.  OnClick="btsubmit_Click" /﹥  
    14. ...........................  
    15. ﹤/asp:Content﹥ 

    (1)含母板页的类中:

    1. protected void Page_Load(object sender, EventArgs e)  
    2. {  
    3. this.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";  

    或者在内容页

    1. protected void Page_Load(object sender, EventArgs e)  
    2. {  
    3. this.Page.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";  

    (2)非母板页的类中:

    1. protected void Page_Load(object sender, EventArgs e)  
    2. {  
    3. this.Form.DefaultButton = "btsubmit";  

    ASP.NET回车提交事件的具体情况就向你介绍到这里,希望对你了解和学习ASP.NET回车提交事件有所帮助。

  • 相关阅读:
    JQuery -- this 和 $(this) 的区别
    js动态生成表格
    Sublime 3 如何使用列编辑模式
    新版Sublime text3注册码被移除的解决办法
    Sublime text 3 格式化HTML/css/js/json代码 插件
    mingw64 构建 Geos
    C++调用Python浅析
    linux下挂载VHD等虚拟磁盘文件
    linux 下Qt WebEngine 程序打包简单记录
    C++ UTF8和UTF16互转代码
  • 原文地址:https://www.cnblogs.com/Amaranthus/p/1795757.html
Copyright © 2011-2022 走看看