PDA

View Full Version : [OPEN] [#263] TreePanel drag icon fails when draging node slowly



RCN
May 31, 2013, 2:36 PM
TreePanel drag icon fails when draging node very slowly. It works as expected if you drag a bit faster.

Initial state
6301

Drag and drop Ext.Net into Sencha
6302

State after drop
6303

Drag very slowly Ext.Net over Ext. Note that the operation was expected to be "Append", neither "After" nor "Before"
6304

Expected Behaviour:
6305

View


<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<script type="text/javascript">
var nodeDragOver = function (targetNode, position, dragData, e) {
return true;
}
</script>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:TreeStore ID="TreeStore1" runat="server">
<Root>
<ext:Node Expanded="true">
<Children>
<ext:Node Text="Ext" Expanded="true">
<Children>
<ext:Node Text="Ext.Net" Leaf="true" />
</Children>
</ext:Node>
<ext:Node Text="Sencha" Expanded="true">
<Children>
<ext:Node Text="Ext.Js" Leaf="true" />
</Children>
</ext:Node>
</Children>
</ext:Node>
</Root>
</ext:TreeStore>
<ext:Viewport runat="server" Margins="0 0 10 0">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Center" Pack="Center" />
</LayoutConfig>
<Items>
<ext:TreePanel Title="TreePanel" Width="300" Height="200" Margin="10" RootVisible="false"
Lines="false" UseArrows="false" StoreID="TreeStore1" runat="server">
<Listeners>
<NodeDragOver Fn="nodeDragOver" />
</Listeners>
<View>
<ext:TreeView>
<Plugins>
<ext:TreeViewDragDrop Enabled="true" runat="server" />
</Plugins>
</ext:TreeView>
</View>
</ext:TreePanel>
</Items>
</ext:Viewport>
</body>
</html>


Controller


namespace SandBox.Controllers
{
public class ExampleController : System.Web.Mvc.Controller
{
public ActionResult Index()
{
return View();
}
}
}


Thanks in advance

RCN
May 31, 2013, 2:40 PM
In case of need, i can record a video demonstrating how to reproduce the issue.

Daniil
May 31, 2013, 4:35 PM
Hi Raphael,

Reproduced and reported to Sencha.
http://www.sencha.com/forum/showthread.php?264976

Thank you for the report!

RCN
May 31, 2013, 5:02 PM
You're welcome Daniil. Please keep me posted.

Baidaly
May 31, 2013, 10:48 PM
Hello!

Sencha has opened a bug in their bug tracker.

We have created an issue to track this defect: https://github.com/extnet/Ext.NET/issues/263

RCN
Jul 01, 2014, 1:23 PM
Hi,

Any update regarding the issue presented / mentioned above?

Thanks in advance,

Daniil
Jul 01, 2014, 2:47 PM
I am afraid, no. I doubt this will be fixed in ExtJS 4.x and, respectively, Ext.NET v2.x.

Hopefully, in ExtJS 5 and, respectively, Ext.NET v3.x.

Tanielian
Jan 26, 2015, 1:32 PM
Heads Up: Issue still present in Ext.NET 3.0.0.

RCN
Jan 26, 2015, 4:26 PM
Hi Barreira, I confirm that the issue presented above is still present on version 3.1.0.

Daniil
Jan 27, 2015, 10:05 AM
Thank for the update.

I see the Sencha thread is still open as well.

Tanielian
Mar 12, 2015, 9:29 PM
Nothing new about this yet?
This issue was reported in May 31, 2013.
Is there any workaround for this?

Thanks in advance,

Daniil
Mar 13, 2015, 9:29 AM
We have no workaround, unfortunately.

Tanielian
Mar 16, 2015, 7:51 PM
Proposed solution:


Ext.dd.StatusProxy.override({
reset: function (clearGhost) {
var me = this,
clsPrefix = Ext.baseCSSPrefix + 'dd-drag-proxy ';
me.el.replaceCls(clsPrefix + me.dropAllowed, clsPrefix + me.dropNotAllowed);
me.el.replaceCls(me.dropStatus, me.dropNotAllowed); // <- Added line
me.dropStatus = me.dropNotAllowed;
if (clearGhost) {
me.ghost.setHtml('');
}
}
});

Daniil
Mar 16, 2015, 8:28 PM
Thank you for sharing!