I have a splitter with 2 panes, on the left I have a RadTreeView, when I click on the node, the page will show on the right. But my problem is I want to display RadAjaxLoadingPanel before the page display. I try to use RadAjaxManager,
set ajaxsetting for RadTreeView updating a RadSplitter which having the RadTreeView that trigger it. This cause the RadTreeView to postback which I don't want. So how I can avoid the RadTreeView postback since I can only set the updatecontrol RadSplitter not the targeted RadPane. Its postback due to the server side NodeClick event, It seen that I need this even to make it work (display loadingpanel).
I also try to use Client script to display the RadAjaxLoadingPanel but it didn't work. Is there anyway I can make it work? I only want to make the RadTreeView node click with no postback, display the loadingpanel before the page load on the right pane.
1)
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
<AjaxSettings><telerik:AjaxSetting AjaxControlID="RadTreeView1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadSplitter2" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelCssClass="" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
2)
function OnClientNodeClicking(sender, args) {
var currentLoadingPanel = $find("<%=RadAjaxLoadingPanel1.ClientID %>");
currentLoadingPanel.visibility = true;
var url = args.get_node().get_value(); // get value
var rd = $find("<%=Main.ClientID%>");
rd.set_contentUrl(url); // Set the url
args.set_cancel(true); // Cancell the event
currentLoadingPanel.visibility = false;
}
Can anyone please help me? Thanks.