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%; |
| } |