| <head runat="server"> |
| <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> |
| <script language="javascript"> |
| function GetRadWindow() { |
| ... |
| } |
| function Initialise() { |
| ... |
| //var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>"); |
| var ajaxManager = $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>"); |
| ajaxManager.ajaxRequest("ReloadGrid"); |
| } |
| </script> |
| </telerik:RadCodeBlock> |
| </head> |
| <body onload="Initialise()"> |
| <form id="form1" runat="server"> |
| <div> |
| <div id="hideMe1" style="height: 0px; width: 0px; position: absolute; top: -100px;"> |
| <telerik:RadWindowManager ID="RadWindowManager1" runat="server" /> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
| ... |
Hi,
I have a requirement to show a progress bar while loading a page(modal). Since we are using Telerix controls, I am planning to use radwindow for this purpuse.
Can anyone help me how to achive this
I dont want something advance, i need just open a modal popup page which shows some text or image and it should visible until the page loads and should hide automatically.
Thanks in advance

| Type.registerNamespace("Telerik.Web.UI"); |
| Type.registerNamespace("Telerik.Web.UI.WindowManager"); |
| function GetRadWindowManager(){ |
| return Telerik.Web.UI.WindowManager.Manager; |
| } |
| window.radalert=function(_1,_2,_3,_4){ |
| var _5=GetRadWindowManager(); |
| var _6=_5._getStandardPopup("alert",_1); |
| if(typeof (_4)!="undefined"){ |
| <body onload="msgAlert()"> </html> |
| <script language="javascript" type="text/javascript"> |
| // This code must be in the master and cannot be moved to external js file. |
| // We use String comparsion instead of boolean, to keep the code valid. |
| // if (Convert.ToString(divDisplayMsg.Visible)).ToLower() is accidently empty, no harm is done and the code is still valid. |
| function msgAlert() { |
| var toPopup = "<%=(Convert.ToString(divIsDisplayMsgVisible.Visible)).ToLower() %>"; |
| if (toPopup == "true") { |
| var displayMsgDiv = document.getElementById("<%=divDisplayMsg.ClientID %>"); |
| if (displayMsgDiv) { |
| var msg = displayMsgDiv.innerHTML; |
| //alert(msg); |
| popupRadMsg(msg); |
| } |
| //popupDisplayMsg(); |
| } |
| } |
| </script> |
| function popupRadMsg(msg){ |
| return radalert(msg, 500, 500); |
| } |
| <telerik:RadScriptBlock ID="cb1" runat="server"> |
| function InitiateAjaxRequest(arguments) |
| { |
| var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>"); |
| ajaxManager.ajaxRequest(arguments); |
| } |
| function emailMenuClicked(sender, args) |
| { |
| var itemValue = args.get_item().get_value(); |
| if (args.get_item().get_text() == "Email Customer") |
| { |
| InitiateAjaxRequest("EmailCustomer",1); |
| } |
| if (args.get_item().get_text() == "Email Officer") |
| { |
| InitiateAjaxRequest("EmailOfficer",2); |
| } |
| } |
| </telerik:RadScriptBlock> |
| <telerik:RadContextMenu ID="RadContextMenu1" runat="server" EnableEmbeddedSkins="False" |
| Skin="Glastir" OnClientItemClicked="emailMenuClicked"> |
| <Items> |
| <telerik:RadMenuItem runat="server" Text="Email Customer"> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Text="Email Officer"> |
| </telerik:RadMenuItem> |
| </Items> |
| <Targets> |
| <telerik:ContextMenuControlTarget ControlID="RadScheduler1" /> |
| </Targets> |
| </telerik:RadContextMenu> |
I need to put the Javascript in a RadScriptBlock because I need to evaluate the AjaxManager's client ID. However, when I do this, I get an 'object expected' error because the emailMenuClicked function is not visible to the RadContextMenu.
When I put the emailMenuClicked function in an ordinary <script></script> tag, then the code there can't see the InitiateAjaxRequest function.
I'm sure there's a simple solution, but I'm going round in circles on this - can someone point me in the right direction, please?
Thanks,
James
| <rad:RadDatePicker ID="rdp1" AutoPostBack="true" runat="server" |
| onselecteddatechanged="rdp1_SelectedDateChanged"></rad:RadDatePicker> |
| RadDatePicker rdp = new RadDatePicker(); |
| rdp.SelectedDate = new DateTime(2009, 5, 4); |
| rdp.AutoPostBack = true; |
| rdp.SelectedDateChanged += new SelectedDateChangedEventHandler(rdp_SelectedDateChanged); |
| this.Controls.Add(rdp); |