• USA : +1 973 910 5725
  • INDIA: +91 905 291 3388
  • info@tekslate.com
  • Login

Ajax Popup Control Extender

Popup Control Extender

PopupcontrolExtender is used to make a control popup when user click on a control display the selected value in the target control  and hide the popupcontrol.

Properties

TargetcontrolID :

PopupcontrolID : Used to specify ID of the control to popup when the user click on the target control

offset x & offset Y : Used to specify position of the popup control relative to the target control

Example

The following example demonstrates how to use the popupcontrolExtender.

Add a page to the website and place a ToolkitScriptManager followed by an update panel & within the update panel a textbox & panel and for the textbox set the ID as T1.

Within the panel control in updatepanel take a radiobuttonlist control, set its ID as ‘RL’ and Add some items to it using the items property.

Within HTML source of the page Drag & Drop a popup control/Extender and set following properties for it.

<asp:popupcontrolExtender ID=”popupcontrolExtender1” runat=”server” TargetcontrolID=”T1” popupcontrolID=”panel1”  offset=”30”>

</asp:popupcontrolExtender>

For the RadioButtonList set Autopostback property true and write the following code within selectedIndexchanged of that RadioButtonList.

RL-selectedIndexchanged

{

popupcontrolExtender1.commit(RL.selcted value);

}

At runtime when you click in the Textbox the panel with RadiobuttonList will popup and whatever the Radiobutton you select, value of that radiobutton will be displayed and will be hidden

Summary
Review Date
Reviewed Item
Ajax Popup Control Extender
Author Rating
5

“At TekSlate, we are trying to create high quality tutorials and articles, if you think any information is incorrect or want to add anything to the article, please feel free to get in touch with us at info@tekslate.com, we will update the article in 24 hours.”

0 Responses on Ajax Popup Control Extender"

    Leave a Message

    Your email address will not be published. Required fields are marked *

    Site Disclaimer, Copyright © 2016 - All Rights Reserved.

    Support


    Please leave a message and we'll get back to you soon.

    I agree to be contacted via e-mail.