As a workaround I have set GroupLoadMode to be server. This works, but the user experience is not as pleasant.
| <Telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="Telerik_AjaxRequest" EnableAJAX="true" |
| ClientEvents-OnResponseEnd="onResponseEndPrometheus" > |
| <AjaxSettings > |
| <Telerik:AjaxSetting AjaxControlID="RadAjaxManager1" > |
| <UpdatedControls> |
| <Telerik:AjaxUpdatedControl ControlID="lblId" /> |
| <Telerik:AjaxUpdatedControl ControlID="lblSlug" /> |
| <Telerik:AjaxUpdatedControl ControlID="lblDate" /> |
| <Telerik:AjaxUpdatedControl ControlID="txtStart" /> |
| <Telerik:AjaxUpdatedControl ControlID="txtEnd" /> |
| <Telerik:AjaxUpdatedControl ControlID="txtWrkDscr" /> |
| <Telerik:AjaxUpdatedControl ControlID="txtWrkDscrAdd" /> |
| <Telerik:AjaxUpdatedControl ControlID="lblDateAdd" /> |
| <Telerik:AjaxUpdatedControl ControlID="txtStartAdd" /> |
| <Telerik:AjaxUpdatedControl ControlID="txtEndAdd" /> |
| <Telerik:AjaxUpdatedControl ControlID="hdId" /> |
| <Telerik:AjaxUpdatedControl ControlID="txtSlug" /> |
| <Telerik:AjaxUpdatedControl ControlID="lblStoryID" /> |
| <Telerik:AjaxUpdatedControl ControlID="lblResourceID" /> |
| <Telerik:AjaxUpdatedControl ControlID="hdResourceID" /> |
| <Telerik:AjaxUpdatedControl ControlID="hdStoryID" /> |
| <Telerik:AjaxUpdatedControl ControlID="Sch" /> |
| </UpdatedControls> |
| </Telerik:AjaxSetting > |
| <Telerik:AjaxSetting AjaxControlID="btnEditSave"> |
| <UpdatedControls> |
| <Telerik:AjaxUpdatedControl ControlID="Sch" LoadingPanelID="lpSch" /> |
| </UpdatedControls> |
| </Telerik:AjaxSetting> |
| <Telerik:AjaxSetting AjaxControlID="btnAddSave"> |
| <UpdatedControls> |
| <Telerik:AjaxUpdatedControl ControlID="pnlGo" LoadingPanelID="lpSch" /> |
| </UpdatedControls> |
| </Telerik:AjaxSetting> |
| </AjaxSettings> |
| </Telerik:RadAjaxManager> |
| <Telerik:RadAjaxLoadingPanel ID="lpSch" runat="server" MinDisplayTime="200" HorizontalAlign="Center" Height="200px" Width="200px" Transparency="15"> |
| <asp:Image ID="lpImg" runat="server" EnableViewState="false" AlternateText="Loading..." ImageUrl="~/RadControls/Ajax/Skins/Default/Loading6.gif" /> |
| </Telerik:RadAjaxLoadingPanel> |
| <RadAjax:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableOutsideScripts="true" OnAjaxRequest="RadAjax_AjaxRequest" |
| ClientEvents-OnResponseEnd="onResponseEnd" > |
| <AjaxSettings> |
| <RadAjax:AjaxSetting AjaxControlID="RadAjaxManager1" > |
| <UpdatedControls> |
| <RadAjax:AjaxUpdatedControl ControlID="lblId" /> |
| <RadAjax:AjaxUpdatedControl ControlID="lblSlug" /> |
| <RadAjax:AjaxUpdatedControl ControlID="lblDate" /> |
| <RadAjax:AjaxUpdatedControl ControlID="txtStart" /> |
| <RadAjax:AjaxUpdatedControl ControlID="txtEnd" /> |
| <RadAjax:AjaxUpdatedControl ControlID="txtWrkDscr" /> |
| <RadAjax:AjaxUpdatedControl ControlID="txtWrkDscrAdd" /> |
| <RadAjax:AjaxUpdatedControl ControlID="lblDateAdd" /> |
| <RadAjax:AjaxUpdatedControl ControlID="txtStartAdd" /> |
| <RadAjax:AjaxUpdatedControl ControlID="txtEndAdd" /> |
| <RadAjax:AjaxUpdatedControl ControlID="hdId" /> |
| <RadAjax:AjaxUpdatedControl ControlID="txtSlug" /> |
| <RadAjax:AjaxUpdatedControl ControlID="lblStoryID" /> |
| <RadAjax:AjaxUpdatedControl ControlID="lblResourceID" /> |
| <RadAjax:AjaxUpdatedControl ControlID="hdResourceID" /> |
| <RadAjax:AjaxUpdatedControl ControlID="hdStoryID" /> |
| <RadAjax:AjaxUpdatedControl ControlID="Sch" /> |
| </UpdatedControls> |
| </RadAjax:AjaxSetting> |
| <RadAjax:AjaxSetting AjaxControlID="btnEditSave"> |
| <UpdatedControls> |
| <RadAjax:AjaxUpdatedControl ControlID="Sch" LoadingPanelID="lpSch" /> |
| </UpdatedControls> |
| </RadAjax:AjaxSetting> |
| <RadAjax:AjaxSetting AjaxControlID="btnAddSave"> |
| <UpdatedControls> |
| <RadAjax:AjaxUpdatedControl ControlID="Sch" LoadingPanelID="lpSch" /> |
| </UpdatedControls> |
| </RadAjax:AjaxSetting> |
| </AjaxSettings> |
| </RadAjax:RadAjaxManager> |
| <RadAjax:AjaxLoadingPanel ID="lpSch" runat="server" MinDisplayTime="200" HorizontalAlign="Center" Height="200px" Width="200px" Transparency="15"> |
| <asp:Image ID="lpImg" runat="server" EnableViewState="false" AlternateText="Loading..." ImageUrl="~/RadControls/Ajax/Skins/Default/Loading6.gif" /> |
| </RadAjax:AjaxLoadingPanel> |
<%
@ Control Language="C#" AutoEventWireup="true" CodeBehind="TopNavigation.ascx.cs" Inherits="EquagenComAdmin.admin.TopNavigation" %>
<%
@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<
script language="javascript" type="text/javascript">
function
OnMouseOverItem(menu,args)
{
var item=args.get_item();
var items=menu.get_items();
for(var i=0;i<items.get_count();i++)
{
if(items.getItem(i).get_text() == document.title && items.getItem(i).get_text() != item.get_text())
{
items.getItem(i).set_cssClass(
"");
break;
}
}
}
function
OnMouseOutItem(menu,args)
{
var item=args.get_item();
var items=menu.get_items();
for(var i=0;i<items.get_count();i++)
{
if(items.getItem(i).get_text() == document.title && items.getItem(i).get_text() != item.get_text())
{
items.getItem(i).set_cssClass(
"rmFocused");
break;
}
}
}
</
script>
<
asp:Label ID="MenuResult" runat="server" />
<
telerik:RadMenu ID="TopNavigationMenu" runat="server" Flow="Horizontal" OnClientMouseOver="OnMouseOverItem" OnClientMouseOut="OnMouseOutItem" Width="100%" Skin="EQN" EnableEmbeddedSkins="false">
</
telerik:RadMenu>
Using Q2. I have a primary web page that has the appropriate ScriptManager and RadAjaxManager specified, and it contains my RadDockLayout and associated controls. None of the RadDockLayout controls or components are part of any AjaxSettings at this time. What I want to do is to be able to have the docks with Custom User Controls dynamically loaded, and have the User Controls support Ajax.
I have no problem loading the control into the dock using LoadControl and dock.ContentContainer.Controls.Add (). It shows the appropriate User Control.
In the User Control, I have added a RadAjaxManagerProxy and an asp:Button Control with an associated Click Event.
When I execute the application, it loads the User Control into the dock appropriately, but this is what happens when I click the button. First time, it does an Ajax request back to the main page, in which you can tell that the button was click, but it does not call the Event. Second time, it performs a full postback and still doesn’t call the Event.
Am I approaching the problem correctly, or should I use a different method to enable Ajax on my User Controls?
Postback Information:
__EVENTTARGET: Widget_fb737fde-18db-49b7-af25-8dd026920e78$C$ctl00$ButtonOk
__EVENTARGUMENT:
I have two tabs on my tabstrip. On the pageview for the first tab I have a button. When this button is pressed, the server-side click event is suppose to switch the selected tab to the second tab. The pageview for the second tab does load but the tab itself is not selected. The first tab always remains selected. I am using Microsoft Ajax and the tabstrip does postbacks. However, the button also acts as an initiator and is suppose to update the tabstrip and multipage.
When my code on the server-side selects the tab, it shows the Selected property as true but the tab in the browser never gets selected.
What is the correct way to select a different tab on the server-side and have it show as selected in the browser?
Thank you
Johann
| /* Show new RAD window */ |
| function ShowRADWindow(URL,Title,Width,Height,Modal,Behaviors) { |
| var oWindow = window.radopen(URL, null); |
| //Using the reference to the window its clientside methods can be called |
| oWindow.SetSize (Width, Height); |
| oWindow.SetTitle (Title); |
| oWindow.set_modal(Modal); |
| oWindow.setActive(true); |
| oWindow.center(); |
| if (Behaviors!=null && Behaviors!='') |
| oWindow.set_behaviors(Behaviors); |
| //PositionWindow(oWindow); |
| } |