Apr 02, 2013, 10:12 PM
[CLOSED] TreePanel scrollbar jumps all over the place when drag and drop enabled
Expand Root node. Scroll down a little. Select a node in the middle or near the end of the container. Scrollbar jumps. If you select another node now, it's fine. But if you scroll some more, expand a few more nodes, and select something, it jumps all over the place. This is reproducible in IE9 and Chrome, although the jump is not as dramatic in Chrome.
This is a major issue for our users because we use treepanels with drag and drop in many places and users can double click on a node to perform some action. Right now, this causes the user to double click on the WRONG node because the scrollbar jumps on first click so 2nd click lands on another node. So they are trying to run some report or do some calculation but they end up doing something completely different and causing much frustration.
This is a major issue for our users because we use treepanels with drag and drop in many places and users can double click on a node to perform some action. Right now, this causes the user to double click on the WRONG node because the scrollbar jumps on first click so 2nd click lands on another node. So they are trying to run some report or do some calculation but they end up doing something completely different and causing much frustration.
<script runat="server">
Protected Sub storeTree_OnReadData(sender As Object, e As Ext.Net.NodeLoadEventArgs)
For i As Integer = 0 To 49
e.Nodes.Add(New Ext.Net.Node() With {.Text = "Node " + i.ToString})
Next
End Sub
</script>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" ScriptMode="Debug" Theme="Gray"
DisableViewState="true" />
<ext:TreePanel runat="server" ID="treeStrataAjax" Height="500" Width="500" UseArrows="true"
AutoScroll="true">
<Store>
<ext:TreeStore ID="storeTree" runat="server" OnReadData="storeTree_OnReadData">
<Proxy>
<ext:PageProxy>
</ext:PageProxy>
</Proxy>
</ext:TreeStore>
</Store>
<Root>
<ext:Node Text="Root">
</ext:Node>
</Root>
<Listeners>
<BeforeLoad Handler="Ext.suspendLayouts();">
</BeforeLoad>
<Load Handler="Ext.resumeLayouts();">
</Load>
</Listeners>
<ViewConfig>
<Plugins>
<ext:TreeViewDragDrop ID="TreeViewDragDrop1" runat="server" EnableDrag="true" EnableDrop="false"
Enabled="true">
</ext:TreeViewDragDrop>
</Plugins>
<Listeners>
</Listeners>
</ViewConfig>
</ext:TreePanel>
</form>
</body>
</html>
Last edited by Daniil; Apr 03, 2013 at 5:59 AM.
Reason: [CLOSED]