标签：javascript css icons drag-and-drop extjs4

我创建了一个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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。