客户端JS怎么触发服务器控件的事件-ASP.NET教程-爱易网页

客户端JS怎么触发服务器控件的事件

日期：2014-05-17　浏览次数：20514 次

客户端JS如何触发服务器控件的事件？
客户端按扭按了没有任何输出……

HTML code


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ButtonPage.aspx.cs" Inherits="JavaScriptCallServerEvent.ButtonPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="serverButton" runat="server" onclick="serverButton_Click" Text="服务器按扭" />
        <input id="clientBtn" type="button" value="客户端按扭" onclick='javascript:<%=MyClientScript %>;' />
    </div>
    </form>
</body>
</html>

C# code


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace JavaScriptCallServerEvent
{
    public partial class ButtonPage : System.Web.UI.Page
    {
        public string MyClientScript { get; set; }
        protected void Page_Load(object sender, EventArgs e)
        {
            MyClientScript = Page.ClientScript.GetPostBackEventReference(serverButton, "MyButton");
        }

        protected void serverButton_Click(object sender, EventArgs e)
        {
            Response.Write("我被点击了！");
        }
    }
}

------解决方案--------------------
或者也可以这样写

HTML code

<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

    protected void serverButton_Click(object sender, EventArgs e)
    {
        ScriptManager.RegisterStartupScript(this, this.GetType(), "result", "alert('hi');", true);
    }

    public string MyClientScript { get; set; }

    protected void Page_Load(object sender, EventArgs e)
    {
        MyClientScript = Page.ClientScript.GetPostBackEventReference(serverButton, "MyButton");
    }

    protected override void Render(HtmlTextWriter writer)
    {
        Page.ClientScript.RegisterForEventValidation(serverButton.UniqueID, "MyButton");
        base.Render(writer);
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
         <asp:Button ID="serverButton" runat="server" onclick="serverButton_Click" Text="服务器按扭" />
        <input id="clientBtn" type="button" value="客户端按扭" onclick="javascript:<%=MyClientScript %>;" />
    </div>
    </form>
</body>
</html>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

客户端JS怎么触发服务器控件的事件

相关资料更多>

推荐阅读更多>