如何使ASP.NET TextBox在AJAX UpdatePanel中触发onTextChanged事件?

时间:2009-06-17 19:32:37

标签: .net ajax textbox

我试图让一个textBox在每次按键时触发onTextChanged事件,而不是仅在它失去焦点时触发。我认为添加AsyncPostBackTrigger可以做到这一点,但它仍然无法正常工作。我正在努力做甚么可能吗?代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Items.aspx.cs" MasterPageFile="~/MMPAdmin.Master" Inherits="MMPAdmin.Items" %>
<asp:Content ID="content1" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">
<asp:ScriptManager ID="sm_Main" runat="server" />
    <div style="left:10px;position:relative;width:100%;overflow:hidden">
        <asp:UpdatePanel ID="up_SearchText" runat="server">
            <Triggers>
                 <asp:AsyncPostBackTrigger ControlID="tb_Search" EventName="TextChanged" />
            </Triggers>
            <ContentTemplate>
                <div style="position:relative;float:left">
                    <b style="font-size:xx-large">Items</b>(<a href="Item.aspx">Add New</a>)
                </div>
                <div style="right:25px;position:absolute; top:30px">
                    Search: <asp:TextBox ID="tb_Search" runat="server" Width="200" OnTextChanged="UpdateGrid" AutoPostBack="true" />
                </div>
                <br />
                <div>
                    <asp:GridView runat="server" AutoGenerateColumns="true" ID="gv_Items" AutoGenerateEditButton="true" AutoGenerateDeleteButton="true" />
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
</asp:Content>

4 个答案:

答案 0 :(得分:13)

  • 当使用javascript引发_postback()时,您需要为文本框控件调用onkeyup函数。
  • 但是,由于您的文本框位于更新面板中,因此每次用户点击某个键时都会重新呈现文本框,从而导致光标失去焦点。
  • 除非您将文本框从更新面板中取出,否则这将无法使用。这可能对你有用,因为更新面板往往有点慢,你可能仍然有可用性问题。 - 我建议使用自动完成组件。

P.S :asp.net控件工具包中有一个,或者您可以使用我发现的jquery自动完成插件更好。

答案 1 :(得分:2)

不要使用AJAX控件来检查可用性..它不是必须使用它AJAX控件.. 我们可以使用以下代码..

<iframe>
<asp:TextBox ID="TextBox1" runat="server" AutoPostBack="true" ontextchanged="TextBox1_TextChanged"></asp:TextBox>

 protected void TextBox1_TextChanged(object sender, EventArgs e)
    {
        RequiredFieldValidator1.ErrorMessage = "";
        Label1.Text = "";
        string name = TextBox1.Text.ToString();
        string constr = "data Source=MURALY-PC\\SQLEXPRESS; database=Online; Integrated Security=SSPI";
        SqlConnection con = new SqlConnection(constr);
        con.Open();
        string query = "select UserName from User_tab where UserName='" + name + "'";
        SqlCommand cmd = new SqlCommand(query, con);
        SqlDataReader dr = cmd.ExecuteReader();
        if (dr.Read())
        {

            Label1.Text = "UserName Already Exists";
        }
        else
        {
            Label1.Text = "";
            Label1.Text = "UserName Available";
        }
        con.Close();


    }
</iframe>

答案 2 :(得分:1)

AutoPostBack =“ true” OnTextChanged =“ TextBox1_TextChanged”

两个事件都需要触发文本更改事件。

答案 3 :(得分:0)

AsyncPostBackTrigger所做的只是确保在触发事件时页面的那一部分才会刷新,而在事件被触发时它不会改变。

我认为可以做你想做的事,但是你需要编写一些javascript代码来手动触发事件......我甚至不想考虑让它发挥作用。