gpt4 book ai didi

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

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:25:41 24 4
gpt4 key购买 nike

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

如何去掉反馈图标?

最佳答案

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

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

如果您不想隐藏整个应用程序的拖放图标,那将更具挑战性...您必须向 Ext.dd.StatusProxy 添加自定义 css 类将为您的 View 创建。 StatusProxyExt.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 - 在 ExtJS 中拖动时删除反馈图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16771061/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com