javascript – 在ExtJS中拖动时删除反馈图标

我创建了一个DataView,其中的项目可以在内部拖动以重新排列,但问题是,虽然我可以轻松地拖动和重新排列数据视图中的项目,但在拖动时,创建项目的叠加显示“红色”反馈图标(这表明该项目不能放在这里),虽然我不希望显示任何反馈图标(绿色或红色),只是项目的叠加就足够了.

如何摆脱反馈图标？

解决方法:

简短的回答,你可以添加这两个CSS规则：

.x-dd-drag-ghost {
    padding-left: 5px;
}
.x-dd-drop-icon {
    display: none;
}

如果您不想隐藏整个应用程序的拖放图标,那就更具挑战性……您必须将自定义css类添加到将为您的视图创建的Ext.dd.StatusProxy中. StatusProxy是在Ext.dd.DragSource的构造函数中创建的,其中Ext.dd.DragZone是一个子类.

因此,在最简单的情况下,如果您自己创建拖动区域,则可以添加一个类：

var dragZone = Ext.create(...); // existing code
dragZone.proxy.addCls('no-icon');

否则,您将不得不追逐创建拖动区/源的位置…

最后,这里是仅使用’no-icon’类隐藏代理图标的CSS：

.x-dd-drag-proxy.no-icon .x-dd-drag-ghost {
    padding-left: 5px;
}
.x-dd-drag-proxy.no-icon .x-dd-drop-icon {
    display: none;
}

标签：javascript,css,icons,drag-and-drop,extjs4
来源： https://codeday.me/bug/20190725/1534366.html