拖动面板时的 extjs 阴影错误

Posted

技术标签:

【中文标题】拖动面板时的 extjs 阴影错误【英文标题】:extjs shadow bug when dragging panels 【发布时间】:2015-12-09 12:32:03 【问题描述】:

我的Ext JS 项目中有三个面板;即一个面板作为父面板,另外两个是面板。我已将子面板设置为可拖动。 如下代码所示:

extend: 'Ext.tree.Panel',
requires: ['Ext.data.TreeStore'],
collapsible: true,
border: false,
draggable: true,
resizable: true,
floating: true,
constrain: true,
renderTo: Ext.getBody(),
store: new Ext.data.TreeStore(
//data.jason
),
listeners: 
    move: 'onDrag'

//onDrag函数为:

onDrag: function(stick)

   stick.dd = new Ext.dd.DDProxy(stick.el.dom.id,'group');
   drag = stick;
   drag.anchorTo(Ext.getBody(),"tl-bl?");
   drag.setHeight(490);
   drag.setMinHeight(200);

我的问题是,当我拖动子面板时,它们会在原来的位置留下一些阴影:

我该如何解决这个问题?

【问题讨论】:

你能提供一个工作小提琴吗? 【参考方案1】:

Extjs 有不更新阴影的习惯。

试试drag.syncShadow();

【讨论】:

以上是关于拖动面板时的 extjs 阴影错误的主要内容,如果未能解决你的问题,请参考以下文章

如何在拖动项目时在Extjs中创建占位符

在sencha extjs疯狂拖放

如何在拖动时隐藏可拖动div的阴影

在用鼠标拖动窗口时有阴影怎么办

在 Extjs 中设置 basecls 会破坏可拖动容器

拖动带有阴影的自定义 UIView - 大小重置和阴影消失