服务器控件OnClientClick调用js_服务器控件 onclientclick 如何使用js代替提交-优快云博客

本文介绍如何在C#中创建网页应用，并通过客户端按钮触发服务器端代码，实现简单的客户端与服务器端交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

using System;
using System.Data;
using System.Globalization;
using System.Threading;
using System.Web.UI.WebControls;
 
namespace CSharp
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                DataTable dt = new DataTable();
                dt.Columns.Add("ID", typeof(int));
                for (int i = 1; i < 6; i++)
                {
                    dt.Rows.Add(i);
                }
                Repeater1.DataSource = dt;
                Repeater1.DataBind();
            }
        }
        protected void Repeater1_ItemCommand(object source, RepeaterCommandEventArgs e)
        {
            if (e.CommandName == "MyButton")
            {
                (e.CommandSource as Button).OnClientClick = "SayMe('"+e.CommandArgument+"')";
            }
        }
    }
}

<!DOCTYPE html>
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>语言测试</title>
   <script>
       function SayMe(obj) {
           alert(obj);
       }
   </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Repeater ID="Repeater1" runat="server" OnItemCommand="Repeater1_ItemCommand">
            <ItemTemplate>
                <asp:Button ID="Button1" runat="server" Text="点击" CommandArgument='<%#Eval("ID") %>' CommandName="MyButton" />
            </ItemTemplate>
        </asp:Repeater>
    </form>
</body>
</html>