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

Question

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

如何摆脱反馈图标？

Answer 1

简短的回答，你可以添加这两个 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');

否则，您将不得不追查创建拖动区域/源的位置...

最后，这是用于仅隐藏具有“无图标”类的代理图标的 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;
}