I have gone through the documentation and I think I am missing a key piece of knowledge to deal with this product.
I have a form that has two radio buttons ... if a user selects the second radio button I want a window to fire.
I have a AjaxManager running to handle the postback but I don't know how to fire the window from the selectedindex changed event.
Any help would be appreciated.
Thanks.
I have a form that has two radio buttons ... if a user selects the second radio button I want a window to fire.
I have a AjaxManager running to handle the postback but I don't know how to fire the window from the selectedindex changed event.
Any help would be appreciated.
Thanks.
4 Answers, 1 is accepted
0
Obi-Wan Kenobi
Top achievements
Rank 1
answered on 30 Jul 2008, 07:43 AM
You should set VisibleOnPageLoad=true when ajax call occurs, or you can handle RadAjaxManager ClientEvents-OnResponseEnd client-side event and show the window via JavaScript, e.g.
ASPX:
C#:
Hope this helps
ASPX:
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" > |
| <head runat="server"> |
| <title>Untitled Page</title> |
| <script type="text/javascript"> |
| function ResponseEnd(obj,args) |
| { |
| $find("RadWindow1").show(); |
| } |
| </script> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> |
| <div> |
| <asp:RadioButtonList ID="RadioButtonList1" runat="server" |
| AutoPostBack="true" |
| OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"> |
| <asp:ListItem Text="Item1" Selected="True"></asp:ListItem> |
| <asp:ListItem Text="Item2"></asp:ListItem> |
| <asp:ListItem Text="Item3"></asp:ListItem> |
| <asp:ListItem Text="Item4"></asp:ListItem> |
| </asp:RadioButtonList> |
| <asp:Label ID="Label1" runat="server"></asp:Label> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" |
| ClientEvents-OnResponseEnd="ResponseEnd"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="RadioButtonList1" EventName="SelectedIndexChanged"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="Label1" /> |
| <telerik:AjaxUpdatedControl ControlID="RadWindow2" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadWindow ID="RadWindow1" runat="server" NavigateUrl="http://www.google.com" |
| VisibleOnPageLoad="false" Left="100"></telerik:RadWindow> |
| <telerik:RadWindow ID="RadWindow2" runat="server" NavigateUrl="http://www.yahoo.com" |
| VisibleOnPageLoad="false" Left="300"> |
| </telerik:RadWindow> |
| </div> |
| </form> |
| </body> |
| </html> |
| protected void RadioButtonList1_SelectedIndexChanged(object sender, EventArgs e) |
| { |
| Label1.Text = System.DateTime.Now.ToString(); |
| RadWindow2.VisibleOnPageLoad = true; |
| } |
0
Jivan
Top achievements
Rank 1
answered on 30 Jul 2008, 08:26 AM
Thanks Obi-Wan,
The example worked great. However I only want to fire the popup window when the select a particular item in the radio button list.
Should I simply set VisibleonPageload = True for the radio button item I want and false for all other events?
Thanks.
The example worked great. However I only want to fire the popup window when the select a particular item in the radio button list.
Should I simply set VisibleonPageload = True for the radio button item I want and false for all other events?
Thanks.
0
Accepted
Obi-Wan Kenobi
Top achievements
Rank 1
answered on 30 Jul 2008, 08:42 AM
I created a simple example which illustrates how to show RadWindow only when the selected item is with text = "Item2"
ASPX:
C#:
Hope this helps!
ASPX:
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" > |
| <head runat="server"> |
| <title>Untitled Page</title> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> |
| <div> |
| <asp:RadioButtonList ID="RadioButtonList1" runat="server" |
| AutoPostBack="true" |
| OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"> |
| <asp:ListItem Text="Item1" Selected="True"></asp:ListItem> |
| <asp:ListItem Text="Item2"></asp:ListItem> |
| <asp:ListItem Text="Item3"></asp:ListItem> |
| <asp:ListItem Text="Item4"></asp:ListItem> |
| </asp:RadioButtonList> |
| <asp:Label ID="Label1" runat="server"></asp:Label> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="RadioButtonList1" EventName="SelectedIndexChanged"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="Label1" /> |
| <telerik:AjaxUpdatedControl ControlID="RadWindow2" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadWindow ID="RadWindow2" runat="server" NavigateUrl="http://www.yahoo.com" |
| VisibleOnPageLoad="false" Left="300"> |
| </telerik:RadWindow> |
| </div> |
| </form> |
| </body> |
| </html> |
| protected void RadioButtonList1_SelectedIndexChanged(object sender, EventArgs e) |
| { |
| Label1.Text = System.DateTime.Now.ToString(); |
| RadWindow2.VisibleOnPageLoad = false; |
| if (RadioButtonList1.SelectedItem.Text == "Item2") |
| { |
| RadWindow2.VisibleOnPageLoad = true; |
| } |
| } |
0
Jivan
Top achievements
Rank 1
answered on 30 Jul 2008, 08:45 AM
Thanks ... I guess I asked before I tried ...
Everything works now ... I apprecaite your help.
Everything works now ... I apprecaite your help.