ASP.NET求助：Repeater中文本框变更时触发按钮点击事件

Got it, so you want to trigger the corresponding Button's click event in your Repeater whenever the TextBox's text changes? Here are two solid approaches to make that happen:

Approach 1: Trigger Button Click via Frontend JavaScript #

This method uses client-side code to fire the Button's click event when the TextBox's text changes (or when it loses focus, which aligns with how ASP.NET's OnTextChanged works by default).

First, update your Repeater's ItemTemplate to add a client-side event to the TextBox:

<asp:Repeater ID="rpt" runat="server" OnItemCommand="rpt_itemCommand" >
    <ItemTemplate>
        <asp:textbox ID="txt" runat="server" OnTextChanged="txtChg" 
            onblur="triggerButtonClick(this)" />
        <asp:Button ID="btn" CommandName="btn" CommandArgument="myVal" runat="server" Text="Confirm" />
    </ItemTemplate>
</asp:Repeater>

Then add this JavaScript to your page (inside a <script> tag):

function triggerButtonClick(textbox) {
    // Locate the Button in the same Repeater item
    const itemContainer = textbox.closest('[id*="rpt"]');
    const button = itemContainer.querySelector('[id*="btn"]');
    
    if (button) {
        button.click(); // Triggers the Button's postback, running rpt_itemCommand server-side
    }
}

Note: The selector logic assumes your Repeater and Button IDs contain "rpt" and "btn" respectively. Adjust the selectors if your ID naming is different.

Approach 2: Reuse Button Logic in Server-Side TextChanged Event #

If you prefer to handle everything server-side, you can extract the core logic from rpt_itemCommand into a reusable method, then call it directly from txtChg. This avoids needing to "click" the button at all.

First, refactor your backend code to create a shared method:

Private Sub HandleButtonAction(commandArgument As String)
    ' Place your original rpt_itemCommand core logic here
    ' Example:
    ' Console.WriteLine($"Processing button action with argument: {commandArgument}")
End Sub

Update your existing event handlers to use this shared method:

Protected Sub txtChg(sender As Object, e As EventArgs)
    Try
        Dim txt As TextBox = DirectCast(sender, TextBox)
        Dim txtStr As String = txt.Text
        
        ' Get the Button's CommandArgument from the same Repeater item
        Dim item As RepeaterItem = DirectCast(txt.NamingContainer, RepeaterItem)
        Dim btn As Button = DirectCast(item.FindControl("btn"), Button)
        Dim commandArg As String = btn.CommandArgument
        
        ' Execute the same logic as the Button click
        HandleButtonAction(commandArg)
    Catch ex As Exception
        ' Handle your exception here
    End Try
End Sub

Protected Sub rpt_itemCommand(s As Object, e As RepeaterCommandEventArgs)
    If e.CommandName = "btn" Then
        ' Reuse the shared logic
        HandleButtonAction(e.CommandArgument.ToString())
    End If
End Sub

Don't forget to enable postback for the TextBox so the txtChg event fires:

<asp:textbox ID="txt" runat="server" OnTextChanged="txtChg" AutoPostBack="true" />

Quick Notes #

• For Approach 1: You can set AutoPostBack="false" on the TextBox since the Button's click will trigger the postback. If you leave it true, both txtChg and rpt_itemCommand will run on postback.
• For Approach 2: This is more efficient as it avoids an extra client-side trigger, but it directly reuses logic instead of literally "clicking" the button.

内容的提问来源于stack exchange，提问作者AgSerna