Angular中Kendo Sortable如何禁用Ghost/Hint占位框？

针对你遇到的新版本Kendo Sortable中beforeHint方法失效、无法禁用原位置ghost占位框的问题，有两种可靠的解决方式：

方法一：CSS直接隐藏占位元素 #

Kendo Sortable的原位置占位框默认带有k-sortable-placeholder类，直接通过CSS将其隐藏即可：

.k-sortable-placeholder {
    display: none !important;
}

这种方式简单高效，无需修改组件逻辑。

方法二：自定义空占位模板 #

利用组件的placeholderTemplate属性，指定一个空模板作为拖拽时的占位，彻底消除原位置的占位元素：

<kendo-sortable 
    [kendoSortableBinding]="widgetsPosition.overviewTab.col1"
    [placeholderTemplate]="emptyPlaceholder"
    <!-- 其他原有属性 -->
>
</kendo-sortable>

<!-- 定义空占位模板 -->
<ng-template #emptyPlaceholder></ng-template>

两种方式都能有效替代失效的beforeHint方法，根据你的项目需求选择即可。

内容的提问来源于stack exchange，提问作者Eduardo