TextBox KeyDown event

Question

0.00/5 (No votes)

See more:

I am creating an user control with asp textbox .To add the KeyDown And KeyUp Event I am using the below code.When User typing some text in the text box the listbox is filtered and show the list. Its working Perfect .But if I am using more than user controls in my page,when i type in one control all controls list boxes are showing. How can i prevent this?

ASP.NET

<asp:TextBox ID="txtBox" runat="server" onkeydown="onTxtKeyDown();"  onkeyup="onTxtKeyUp();"  >

 <asp:Button runat="server" ID="btnSearch" Style="display: none" OnClick="HandleAjaxCall"/>
      <asp:Label runat="server" ID="lblStatus" />

 protected void HandleAjaxCall(object sender, EventArgs e)
        {
            BindDataToListView(txtBox.Text);           
        }

 <script type="text/javascript">
     var to; // variable to which we assign setTimeout function
     var prm = Sys.WebForms.PageRequestManager.getInstance(); // Page Request Manager object
     function onTxtKeyUp() {
         to = setTimeout('performSearch();', 300);
     }
     function onTxtKeyDown() {
         if (to) clearTimeout(to);
     }
     function performSearch() {
         if (prm.get_isInAsyncPostBack) {
             prm.abortPostBack();
         }
         $get("<%=lblStatus.ClientID %>").innerHTML = "Loading...";
         __doPostBack("<%=btnSearch.UniqueID %>", "");
     }
</script>

Posted 5-Aug-13 19:32pm

Member 8390746

Updated 5-Aug-13 21:38pm

Joezer BH

v4

Add a Solution

Comments

Joezer BH 6-Aug-13 3:35am

"when i type in one control all controls list boxes are showing"
What list boxes are showing?
I didn't understand your problem, please explain some more

ALSO - what is the "protected void HandleAjaxCall" function doing outside the Script tag?

Member 8390746 6-Aug-13 5:09am

protected void HandleAjaxCall() is btnSearch.Click Event . It is a code behind method

Iam created a user control called txtLOV
My control contains a textbox and listbox .When I typing some text in the textbox the listbox is filtered and visible property is set to true and user can selct one of the item from listbox. Its working properly. Now I am using this txtLOV in pages.I am adding many txtLOVs in my page. when I am typing a text in txtLOV1s textbox I want to show the listbox of txtLOV1, but now all txtLOVs listbox visible properties are set to true.

wladimirbm 6-Aug-13 3:46am

write BindDataToListView here

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 6-Aug-13 4:04am

Not clear.

wladimirbm 8-Aug-13 5:21am

may be you have same names?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

adriancs · Answer 1 · 2013-08-06T00:11:00

What is wrong with the onKeyUp javascript event?

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head  runat="server">
    <title></title>
    <script type="text/javascript">
        function KeyReleased() {
            // Do what you want
            // Example:
            var a = document.getElementById("TextBox1").value;
            document.getElementById("divResult").innerHTML = a;
            return true;
        }
    </script>
</head>
<body>
    <form id="form1"  runat="server">
    <div>
        <asp:TextBox ID="TextBox1" onKeyUp="KeyReleased()" runat="server"></asp:TextBox>
        <div id="divResult"></div>
    </div>
    </form>
</body>
</html>