如何在单独的.cs文件中编写代码，而不是与源代码一起编写代码

本文关键字：代码 一起 源代码 cs 文件 单独 | 更新日期: 2023-09-27 17:56:35

我是初学者。我正在尝试学习 ajax 选项卡控件。我有一个 3 个选项卡，每个选项卡都有几个文本框和一个提交按钮。问题是当我双击一个按钮时，它会带我到源代码（html），我想为按钮单击编写代码，即使在.cs文件上也是如此。我该怎么做？

       <form id="form1" runat="server">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1"   runat="server">
    </asp:ToolkitScriptManager>
         <b>Tabs Demonstration</b> <br /><br />
    <asp:TabContainer runat="server" ID="Tabs" Height="138px" ActiveTabIndex="0" 
        Width="402px">
        <asp:TabPanel runat="server" ID="Panel1" HeaderText="Address">
            <ContentTemplate>
                <asp:UpdatePanel ID="updatePanel1" runat="server">
                    <ContentTemplate>
                        <table>
                            <tr><td class="style1">First Name:</td><td class="style1"><asp:TextBox ID="txtName" runat="server" /></td></tr>
                            <tr><td>Address:</td><td><asp:TextBox ID="txtAddress" runat="server" /></td></tr>
                            <tr><td>
                                <asp:Button ID="Button1" runat="server" Text="Submit" /></td></tr>
                        </table>
                   </ContentTemplate>
                </asp:UpdatePanel>
            </ContentTemplate>
        </asp:TabPanel>
        <asp:TabPanel runat="server" ID="Panel3" HeaderText="Email" >
            <ContentTemplate>
                Email: <asp:TextBox ID="txtEmail" runat="server" />
            <asp:Button ID="Button2" runat="server" Text="Button" /></ContentTemplate>
        </asp:TabPanel>
        <asp:TabPanel runat="server" ID="Panel2" HeaderText="Login Details">
            <ContentTemplate>
             <table>
           <tr> <td>User Name:</td><td><asp:TextBox ID="txtUser" runat="server" /></td></tr>
           <tr> <td>Password:</td><td><asp:TextBox ID="txtPass" runat="server" /><asp:Button ID="Button3" runat="server"
                   Text="Button" /></td></tr>
            </ContentTemplate>
        </asp:TabPanel>
    </asp:TabContainer>

</form>

如何在单独的.cs文件中编写代码，而不是与源代码一起编写代码

您可以通过

添加 OnClick="Button1_Click" 手动对页面中的按钮执行此操作.aspx：

<asp:Button ID="Button1" runat="server" Text="Submit" OnClick="Button1_Click" />

然后在代码隐藏.aspx.cs中（在 Visual Studio 中按 .aspx 时按 F7）中写入：

protected void Button1_Click(object sender, EventArgs e)
{
}

或.aspx.vb 

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Button1_Click(sender, e)
'Some other codes
End Sub

现在，当单击按钮时，Button1_Click中的代码将被执行。

您可能希望尝试以下提示：损坏时重新生成aspx.designer.cs文件（也用于此答案）。

在您的情况下，请尝试以下操作：

  1. 通过解决方案资源管理器找到损坏的aspx.designer.cs文件
  2. 仅从项目中删除designer.cs文件
  3. 右键单击主.aspx文件，然后选择"转换为 Web 应用程序"。

检查问题是否已解决。

只需像这样创建一个按钮的OnClick事件。

<asp:Button ID="Button1" runat="server" Text="Submit" OnClick="Button1_Click" />

转到属性窗口（按 F4），转到事件并单击 OnClick 文本框，然后按 Enter 自动输入您的 OnClick 事件添加代码。

您还可以绑定 click - 事件即：

page_preinit(object sender,system.eventargs e)
{
   mybutton.onclikc += myhandler();
}
private void myhandler(object sender,system.eventargs e)
{
   // do code logic here :)
}
相关文章：