Hi,
I have a RadTreeView control which is used with a RadAjaxLoadingPanel.
When I drag and drop nodes the loading panel displays as required.
However I don't want the loadingpanel to display when I click a node. How can I stop the loadingpanel from displaying when I click a node.
This seems simple but I can't figure it out!
| <telerik:RadScriptManager ID="RadScriptManager1" Runat="server" /> |
| <telerik:RadTreeView runat="server" ID="uiRadTreeView" EnableDragAndDrop="true" |
| EnableDragAndDropBetweenNodes="true" |
| MultipleSelect="true" |
| onnodedrop="uiRadTreeView_NodeDrop" |
| onnodedatabound="uiRadTreeView_NodeDataBound" |
| onnodeclick="uiRadTreeView_NodeClick" |
| > |
| </telerik:RadTreeView> |
| <telerik:RadAjaxManager id="RadAjaxManager1" runat="server" > |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="uiRadTreeView"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="uiRadTreeView" LoadingPanelId="LoadingPanel1"></telerik:AjaxUpdatedControl> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadAjaxLoadingPanel id="LoadingPanel1" Runat="server" Transparency="30" BackColor="#E0E0E0"> |
| <asp:Image style="margin-top:100px;" id="Image1" runat="server" AlternateText="Loading..." BorderWidth="10px" ImageUrl="anim.gif"></asp:Image> |
function deleteTab(TabName)
{
var slidingZone = $find("<%= TreeSlidingZoneLeft.ClientID %>");
var slidingPane = FindTabPaneByTitle(TabName);
if(slidingPane != null)
{
slidingZone.UndockPane(slidingPane.get_id());
slidingPane.getTabContainer().removeNode(slidingPane);
slidingPane.getContentContainer().removeNode(slidingPane);
ArrayRemove(slidingZone._slidingPanes, index);
slidingPane.HideTab();
}
}
function ArrayRemove(array, from, to) {
var rest = array.slice((to || from) + 1 || array.length);
array.length = from < 0 ? array.length + from : from;
return array.push.apply(array, rest);
};
function FindTabPaneByTitle(TabName)
{
var slidingPanes = getPanes();
var slidingPane = null;
for (var i = 0; i < slidingPanes.length; i++)
{
container = slidingPanes[i].GetTabContainer();
if(container.title.toLowerCase() == TabName.toLowerCase())
{
index = i;
slidingPane = slidingPanes[i];
break;
}
}
return slidingPane;
}
function getPanes()
{
var slidingZone = $find("<%= TreeSlidingZoneLeft.ClientID %>");
return slidingZone.getPanes();
}
Thanks,
James
