I have two treeviews on a page within RadAjaxPanels (tried this with basic divs to the same result) and have found something a little odd that I could do with a fix for. If I drag an object from the right tree as soon as I enter the left panel I get an error on line 1911, char 1, Error '_145' is null or not an object. After doing some more research I discovered that this only happens when I drag something out of the left edge of RadAjaxPanel2 and into the right edge of RadAjaxPanel1.
e.g. if I drag out of the bottom of RadAjaxPanel2 and onto RadAjaxPanel1 from the right it's fine, if I drag out of the left of RadAjaxPanel2 and into the top edge of RadAjaxPanel1 again it's fine, but if I drag from the left edge of RadAjaxPanel2 onto the right edge of RadAjaxPanel1 I get the error (needs IE to be setup to show all Javascript errors for the error to be obvious).
As a temporary fix I can swap the trees round so that I am dragging from the left tree to the right tree, but this isn't an idea solution, has anyone encountered this before or got any ideas how I can solve this?
Cheers
Jon
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> |
<contentTemplate> |
//CODE REMOVED TO KEEP SIZE DOWN |
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" BackColor="Aqua" CssClass="floatLeft"> |
<telerik:RadTreeView ID="RadTreeGroups" AllowNodeEditing="true" EnableDragAndDrop="true" EnableDragAndDropBetweenNodes="true" OnNodeDrop="RadTreeGroups_NodeDrop" OnNodeEdit="RadTreeGroups_NodeEdit" OnClientContextMenuItemClicked="onClientContextMenuItemClicked" OnContextMenuItemClick="RadTreeGroups_ContextMenuItemClick" runat="server"> |
</telerik:RadTreeView> |
</telerik:RadAjaxPanel> |
<telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" BackColor="Gray" CssClass="floatRight"> |
<telerik:RadTreeView ID="RadTreeResources" runat="server" EnableDragAndDrop="true" OnNodeDrop="RadTreeLessons_NodeDrop"> |
</telerik:RadTreeView> |
</telerik:RadAjaxPanel> |
</contentTemplate> </asp:UpdatePanel> |
.floatRight |
{ |
float:right; |
width:48%; |
} |
.floatLeft |
{ |
float:left; |
width:48%; |
} |