<telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" Position="BottomRight" Animation="None" ShowEvent="OnMouseOver" ShowCallout="true" RelativeTo="Element" MouseTrailing="False" Width="370px" HideEvent="LeaveToolTip" Skin="Outlook" OnAjaxUpdate="OnAjaxUpdate" BackColor="Red"></telerik:RadToolTipManager><telerik:RadToolTipManager runat="server" ID="RadToolTipManager2" Position="BottomRight" Animation="None" ShowEvent="OnMouseOver" ShowCallout="true" RelativeTo="Element" MouseTrailing="False" Width="370px" HideEvent="LeaveToolTip" Skin="Outlook" OnAjaxUpdate="OnAjaxUpdate" BackColor="Red"></telerik:RadToolTipManager><telerik:RadToolTipManager runat="server" ID="RadToolTipManager3" Position="BottomRight" Animation="None" ShowEvent="OnMouseOver" ShowCallout="true" RelativeTo="Element" MouseTrailing="False" Width="370px" HideEvent="LeaveToolTip" Skin="Outlook" OnAjaxUpdate="OnAjaxUpdate" BackColor="Red"></telerik:RadToolTipManager><telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="LoadingPanel1"> <table width="100%"> ... <asp:HyperLink ID="lblNameWithTooltip" runat="server" /> ... <asp:HyperLink ID="lblName2WithTooltip" runat="server" /> ... <asp:DropDownList ID="DropDownList1"...> ... <telerik:RadGrid ID="RadGrid1"...> <Columns> <telerik:GridTemplateColumn> <ItemTemplate> <asp:HyperLink ID="lnkWithTooltip" runat="server" /> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> </telerik:RadGrid> ... <telerik:RadGrid ID="RadGrid2"...> <Columns> <telerik:GridTemplateColumn> <ItemTemplate> <asp:HyperLink ID="lnkWithTooltip" runat="server" /> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> </telerik:RadGrid> ... <telerik:RadScheduler ID="RadScheduler1"...> ... <telerik:RadScheduler ID="RadScheduler2"...> ... </table></telerik:RadAjaxPanel><telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="RadGrid1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> <telerik:AjaxUpdatedControl ControlID="RadToolTipManager3" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="DropDownList1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="DropDownList1" /> <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> <telerik:AjaxUpdatedControl ControlID="RadToolTipManager3" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings></telerik:RadAjaxManager><add key="Telerik.ScriptManager.TelerikCdn" value="Disabled" /><add key="Telerik.StyleSheetManager.TelerikCdn" value="Disabled" />listGrid.ClientSettings.ClientEvents.OnCommand =
"RaiseCommand";
HTML:
function RaiseCommand(sender, eventArgs) {
var result = eventArgs.get_commandName();
switch (result) {
case "Page":
{
ShowCancelBtn();
break;
}
case "PageSize":
{
ShowCancelBtn();
break;
}
}
But I found that when I change the pagesize with the dropdownlist , the pager numbers changes immediately before the grid data loading start!
For Example: when I use the pagesize "10" , the page number is "1,2,3" and total record count is 30 .when I change to pagesize"20", the page number changes immediately to "1,2" before the grid data began load.
In other word , the page numer is been calculate first and been shown, and then the grid data began load. I don't want it works like that. I thnk there must be something wrong with the "ClientSettings.ClientEvents.OnCommand", It causes the wrong order bettween page number shown and dataload. I need your help, team.
<
script type="text/javascript" language="javascript">
function showToolTip(element, displayText, radClientID) {
var tooltipManager = $find("<%= RadToolTipManager1.ClientID %>");
//if hoverover before page is loaded, return nothing
if (!tooltipManager) return;
//Find the tooltip for this element if it has been created
var tooltip = tooltipManager.getToolTipByElement(element);
//Create a tooltip if it doesn't exist
if (!tooltip) {
tooltip = tooltipManager.createToolTip(element);
tooltip.set_text(displayText);
}
//Let the tooltip's own show mechanism take over from here - execute the onmouseover just once
element.onmouseover =
null;
//show the tooltip
tooltip.show();
}
 
</
script>
 
<
telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" RelativeTo="Element"
Position="BottomCenter" HideEvent="LeaveToolTip" AutoTooltipify="true" ContentScrolling="Default" BorderWidth="2" EnableShadow="true">
</telerik:RadToolTipManager>
Hi,
I derived from RadTreeList and in my dev environment everything works fine. In production however, the buttons that expand/collapse a node have the wrong css class assigned. In dev the RadTreeList base control correctly assigns the "rtlExpand" or "rtlCollapse" class, so the button renders with class="rtlExpand" / "rtlCollapse". In prod, it always only renders class="button".
To make sure that nothing intercepts the rendering, I debugged the OnPreRender method of the control and checked the attributes of the controls. The css classes are already assigned right there. I am not messing with the node css class in the derived control, so I have absolutely no idea where class="button" is coming from.
The Telerik dll versions are equal in both environments. The main difference between the dev and prod environments is that the page that hosts the tree is not derived from System.Web.UI.Page, but from a custom page class which does all kinds of stuff that I don't know about. However, in both environments the control tree above the RadTreeList is the same. So that page class must somehow interfere with the Telerik control. When I just make System.Web.UI.Page the base class in the prod environment, then the control renders fine.
I just don't know what the page class could do to alter the rendering of the RadTreeList and I am thankful for any hint.
Thanks,
Tim
|