updatepanel 内的文本框出现问题 - 未导致 OnTextChanged 事件

Question

我有以下情况：我在 ajax updatepanel 中有一个文本框。 无论用户在文本框中键入内容，我都必须显示一条消息（不同的消息取决于用户键入的数据）。

     <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
        <ContentTemplate>
            <asp:TextBox ID="txtMyTexbox" runat="server" Width="500px" OnTextChanged="txtMyTexbox_TextChanged" AutoPostBack="true"></asp:TextBox>
            <br />
            <asp:Label ID="lblMessage" runat="server" CssClass="errorMessage" Visible="false">Hello World</asp:Label>
         </ContentTemplate>
            <Triggers>
             <asp:AsyncPostBackTrigger ControlID="txtMyTexbox" />
            </Triggers>
      </asp:UpdatePanel>

在服务器端，我在页面加载时编写了以下内容

ScriptManager.GetCurrent(this).RegisterAsyncPostBackControl(txtMyTexbox);           

以及这样的方法

protected void txtMyTexbox_TextChanged(object sender, EventArgs e)
    {           
            if (.....)
            {
                lblMessage.Visible = false;
            }
            else
            {
                lblMessage.Visible = true;
            }            
    }

我现在的问题是：当用户在文本框中键入时，它不会导致 OnTextChanged 事件。

我错过了什么吗？

Answer 1

我不确定您的问题与 UpdatePanel 有什么关系。

事实上，TextChanged 事件在输入时不会触发。 它只会在文本框失去焦点后触发。 如果 AutoPostBack 设置为 True，或者在下一次回发发生时，就会直接发生这种情况。 请参阅 AutoPostBack 属性<的文档/a> 和 TextChanged 事件。

Afaik，你最好的选择可能是在 JavaScript 中处理 keyup 事件。

这是一个简单的 jQuery 示例：

$(document).ready(function() {
    $(':text[id$=YourTextBox]').keyup(function() {
        if ($(this).val() === "your special value") {
            $('span[id$=YourLabel]').css('visibility', 'visible');
        }
        else {
            $('span[id$=YourLabel]').css('visibility', 'hidden');
        }
    });
});

Answer 2

将 txtMyTexbox AsyncPostBackTrigger 的 EventName 属性设置为 TextChanged

<Triggers>             
    <asp:AsyncPostBackTrigger ControlID="txtMyTexbox" EventName="TextChanged" />            
</Triggers>

其他建议：

您是否尝试过查看 AutoComplete 控件是 AjaxControlToolKit 的一部分吗？ 它的行为方式与您希望解决方案的行为方式相同。

Answer 3

值得一提的是，即使添加更新面板/ AsyncPostBackTrigger 后， TextBox ChangeEvent 也无法正常工作。 有时它有效，有时则无效。由于它是异步调用，我们需要一些时间刷新，或者等待或不可预测，希望微软能拿出一个称职的方法。下面是检查用户名的简单方法

- ----- 在 Page_Load 下 - aspx.cs --------------------------

this.TextBox1.Attributes.Add("onKeyUp", "fnUNameSubmit(this );");

-------在 aspx -add 脚本中 -------------------------------------- -

<script language="javascript" type="text/javascript">

function fnUNameSubmit(urInput) {   
var inpt= urInput.value;
if (inpt.length > 21) { 
document.getElementById('<%= TextBox1.ClientID %>').style.backgroundColor = "green";
document.form1.submit();  // This is only trick we use here..
}
else {
document.getElementById('<%= TextBox1.ClientID %>').style.backgroundColor = "red";
}
  }
</script>

----------在aspx中添加脚本------------------------------------ --

----------------aspx.cs -------------------
if (TextBox1.Text.Length > 21)
{
检查用户名();
Label2.Text = "";
}
别的
{
Label2.Text = "长度小于21"; //让我们做一些事情..bla..bla
}
------------------------------------------------- 检查用户名()

公共无效 CheckUsrName()
{

  Call dB values

}

Answer 4

您不应该对 TextBox 使用 RegisterAsyncPostBackControl。 该方法实际上仅适用于驻留在 UpdatePanel 之外的控件。 我会尝试删除该行代码并看看会发生什么。

有关详细信息，请参阅：http:// msdn.microsoft.com/en-us/library/system.web.ui.scriptmanager.registerasyncpostbackcontrol.aspx

Answer 5

解决方法是检查文本框 - Causesvalidation 属性并将其设置为 true

Answer 6

AsyncPostBackTrigger 中使用的 id 控件必须位于更新面板之外（导致触发异步调用），如下所示：

<tr>
    <td colspan="4"><asp:Label ID="lblEnter_Successfully"  Text="Enter Record SuccessFully" runat="server" Visible ="false" ForeColor ="Blue" Font-Size ="Larger" Font-Bold ="true"></asp:Label>
    </td>
</tr>                                           
</table>                
</ContentTemplate>

  <Triggers>
     <asp:AsyncPostBackTrigger ControlID = "Button_Save" EventName ="Click"/>
  </Triggers>                       

</asp:UpdatePanel>
            <table>
              <tr>
                <td width = "472px" align ="right">             
                    <asp:Button ID="Button_Save" runat="server" Text="Save"  OnClientClick ="return URLValidation();"/>
                    <asp:Button ID="Button_Clear" runat="server" Text="Clear"/>
                </td>
              </tr>
            </table>