MagicAjax执行javascript,实现回车事件提交表单

最近在一个项目,使用到了magicajax,其中要实现一个功能是:一个textbox,一个button,当用户按回车enter时提交表单.本来是个很简单的问题,一个javascript代码就搞定了.但是由于是textbox,和button都是在AjaxPanel中,所以一般的javascript写法是会被magicajax拦截,就出现了一般的javascript代码不会执行还发生错误.下面,分享一下我个人的经验:

实现功能:在magicajax的AjaxPanel中,实现用户按回车键提交表单(本例中,用户按回车键盘,Label显示TextBox输入的值,当然也可以提交表单了)

解决方法:

.CS代码:

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        this.txt.Attributes.Add("onkeydown", "if( event.keyCode==13 ){__doPostBack('sendbtn','');}");
    }
    protected void sendbtn_Click(object sender, EventArgs e)
    {
        this.lb.Text = this.txt.Text;
    }
}

 

HTML代码:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="MagicAjax" Namespace="MagicAjax.UI.Controls" TagPrefix="ajax" %>



    无标题页


   


       
       
           
           
       

           
           

   


你可能感兴趣的:(ASP.NET/ajax)