Solved

How to update a dropdown when a text field is updated automatically

Posted on 2008-10-31
4
158 Views
Last Modified: 2013-12-17
I have a file selector that when a file is selected a text box is populated.  When that text box is updated through code I need a dropdown populated.  My question is how can I get the code to know when a text field is updated?  I have tried TextBox1_TextChanged but that only triggers if I manually update the text field.
0
Comment
Question by:tmctogo
  • 3
4 Comments
 
LVL 13

Expert Comment

by:numberkruncher
ID: 22851696
You can set the "AutoPostBack" property of the text box control to "True" and it will automatically generate a post back when the text is changed.

If you need a custom JavaScript postback, then you get an event reference via the Page.ClientScript object.
0
 

Author Comment

by:tmctogo
ID: 22851728
I already have AutoPostBack set to true.  The only time that the process for populating the dropdown is started is when I change the text in the field manually.  Since I am using a fileupload control, it does not have postbacks so I populate a text box with the value from the fileupload control.
0
 
LVL 13

Expert Comment

by:numberkruncher
ID: 22851749
Okay, so it sounds like you need a custom post back. Give me a few minutes and I will post you an example which allows you to do this.
0
 
LVL 13

Accepted Solution

by:
numberkruncher earned 125 total points
ID: 22851910
First an explanation of how the code below works:

A custom post back event has been registered via the ClientScript object. The post back is registered for the page itself. But in-order to be able to respond to this post back you must implement the 'IPostBackEventHandler' interface. Your special server-side post back code goes in the method provided there.

In the example I have demonstrated how to access the text box value.
In the HTML section of the website:
 
    <script type="text/javascript">
        function myTestFunction() {
            // Simply call the following function to do postback.
            firePostback('MyTextChanged');
        }
    </script>
 
I used the following to test this:
 
    <input type="button" value="Test" onclick="myTestFunction()" />
 
In your code file:
 
 
public partial class Default5 : System.Web.UI.Page, IPostBackEventHandler
{
    protected void Page_Load(object sender, EventArgs e)
    {
        // Register the event reference.
        // "@XXX@" gets replaced with the name attribute of firePostback.
        //      i.e. firePosback('boo')   replaces "@XXX@" with "boo".
        string customEventReference = ClientScript.GetPostBackEventReference(this, "@XXX@");
        // Register the post back function.
        ClientScript.RegisterClientScriptBlock(GetType(), "DoTextChanged",
            string.Format("function firePostback(name) {{ eval(\"{0}\".replace('@XXX@', name)); }}", customEventReference), true);
    }
 
 
    #region IPostBackEventHandler Members
 
    public void RaisePostBackEvent(string eventArgument)
    {
        // Check for the argument which was provided to our post back function.
        if (eventArgument == "MyTextChanged")
        {
            string textBoxValue = TextBox1.Text;
        }
    }
 
    #endregion
}

Open in new window

0

Featured Post

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The viewer will learn how to dynamically set the form action using jQuery.

790 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question