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