当我在文本框中键入任何内容时，它应该在asp.net中启动？

Question

My requirement is I've Listbox and top of that textbox available. When user comes and search for listBox items then user will type in Textbox.

Here my code is

<asp:TextBox ID="txtSearch" runat="server" AutoPostBack="True" onKeyDown="Search()"></asp:TextBox>

C# code is

public void Search(object sender, EventArgs e)
{
    string txtOrig = txtSearch.Text;
    var filter = listTypesFilter.Where(c => c.NAME.IndexOf(txtOrig, StringComparison.OrdinalIgnoreCase) >= 0);

    listTypes.DataSource = filter;
    listTypes.DataBind();

}

I've tried txtSearch_TextChanged event with AutoPostBackTrue and when I type something and click on Tab and it works fine. But Now I need when user Type something in Textbox automatically filter should display.

Any help or suggestion would be appreciated and without AutoCompleteExtender

Cheers

Answer 1

I you want to filter in the code behind you have to do a postback. For my solution you need jquery. You can try this:

<asp:TextBox ID="txtSearch" runat="server" AutoPostBack="True" OnTextChanged="Search" CssClass="txt"></asp:TextBox>

I added a css class to the textbox to find it easily with jquery.

$(document).ready(function () {
        $('.txt').keyup(function () {
            $(this).change();
        });

edit: you may consider to use an update panel to "hide" the postback or use only javascript to do the filtering

edit2: a workaround to wait the end of the input

    var timeoutReference;
$(document).ready(function() {
    $('txt').keypress(function() {
         var _this = $(this); // copy of this object for further usage

         if (timeoutReference) clearTimeout(timeoutReference);
         timeoutReference = setTimeout(function() {
          $('txt').change();
         }, 500);
});
});

edit3: the code above should work.

Answer 2

onKeyDown="Search()" is looking for the JavaScript function Search .

You'll need a client side function, such as:

<script type="text/javascript">
   function Search() {
        alert('Searching');
   }
</script>

You could use something like jQuery autocomplete

Answer 3

<asp:textbox id="txtBOX1" runat="server" OnTextChanged="txtbox1_TextChanged()" AutoPostBack=true/>

这应该起作用。确保将文本框控件的“自动回发”设置为true