AJAX Extender Example: Button Enabled Changes
page 5 of 7
by Brian Mains
Average Rating: This article has not yet been rated.
Views (Total / Last 10 Days): 32026/ 70


I have developed a simplified test page that consumes this new extender. There are two tests; the first test targets a button and sets up the text box as the receiver of the enabled status toggle. Every time the button is clicked, the disabled status flips its state accordingly.

Listing 12

<asp:TextBox ID="txt1" runat="server" />
<asp:Button ID="btn1" runat="server" Text="First Test" CausesValidation="false" 
  UseSubmitBehavior="false" />
<n:ButtonEnabledExtender ID="ext1" runat="server" TargetControlID="btn1" 
  ReceiverControlID="txt1" />

This scenario produces the screenshot below. I produced these screenshots with the tool SnagIt; this is a very popular and very productive tool.

Figure 1

In the second scenario, the extender does not target a textbox as a receiver, it simply defines the button as the target. Notice the ReceiverControlID is not specified.

Listing 13

<asp:TextBox ID="txt2" runat="server" />
<asp:Button ID="btn2" runat="server" Text="Second Test" />
<n:ButtonEnabledExtender ID="ext2" runat="server" TargetControlID="btn2" />

Rather than toggling the textbox enabled status, this test prevents a double-click, as shown below.

Figure 2

In both cases, the script changes the state of some UI element; in the first case, it works with the textbox control, whereas the latter case the button itself. All of this happens on the client side and works seamlessly with JavaScript. Deployment is seamless also because this custom script is stored as an embedded resource in the DLL, and retrieved at runtime. No code is necessary to perform this action.

View Entire Article

User Comments

Title: svfd   
Name: fgdfg
Date: 2012-12-12 7:36:25 AM
Title: hello   
Name: hello
Date: 2012-08-22 12:38:27 AM
Title: eeee   
Name: aaa
Date: 2012-08-08 2:21:21 AM
Title: dropdown list   
Name: Vrutti Shah
Date: 2011-11-23 4:47:12 AM
I have two dropdown list. I get value of dropdownlist 1 from database. based on the selected value of dropdown 1, dropdown list 2 is populated. I have success in that but problem is that after select value from dropdown 1 page is load and data is lost from another tools like textbox(password type). pls do helpful.
my mail id is:vruttishah1986@gmail.com
Title: Useful information   
Name: pickatutorial.com
Date: 2010-10-05 11:30:12 AM
Very useful article. Thanks.
Title: Reply: how to set data in text box based on ajax autocomple   
Name: Brian Mains
Date: 2010-03-11 3:22:38 PM

Auto complete has a client-side API; you would have to look to see an event that fires when the first text entry is selected, then set the value for textbox2.

Title: how to set data in text box based on ajax autocomple   
Name: ieda
Date: 2010-03-10 4:04:46 AM
i have two text box.Texbox1 and textbox2.Both use same table in database.Texbox1 use ajax extender autocomplete to select the data. What can i do if i want textbox2 set data aumatically from database after i select data for textbox1?
Title: Re:Button Extender   
Name: Brian
Date: 2008-10-06 3:08:21 AM
I tested the code but i cannot achieve your test2 result.
Title: thanks   
Name: Karthikeyan
Date: 2008-09-24 7:54:24 AM
Nice article.
Title: thanks   
Name: rezagolab
Date: 2008-09-24 3:10:50 AM
Title: Re:Button Extender   
Name: NamNguyenLe
Date: 2008-08-28 10:15:30 PM
Thanks for cool article.
But it will be better if code is avaiable.
Please post it please.

Community Advice: ASP | SQL | XML | Regular Expressions | Windows

©Copyright 1998-2024 ASPAlliance.com  |  Page Processed at 2024-07-17 10:32:06 AM  AspAlliance Recent Articles RSS Feed
About ASPAlliance | Newsgroups | Advertise | Authors | Email Lists | Feedback | Link To Us | Privacy | Search