Primefaces 数据表限制重新排序

Question

我需要限制 PrimeFaces 数据的重新排序事件table，这样 table 就不可能水平放置了。（可选）我想在拖动元素时添加边框，以便用户可以看到他可以将元素放在何处。

我知道这些功能在普通的拖放功能下是可能的，就像我们在 Primefaces 展示中一样。限制：https://primefaces.org/showcase/ui/dnd/draggable.xhtml（最后一个元素）
拖放区的亮点：https://primefaces.org/showcase/ui/dnd/custom.xhtml

我浏览了 primefaces 的独库，但还没有找到任何可以限制该区域的东西。对于亮点，我尝试使用 ajax 事件，通过将 onstart 与将样式类设置为 table 的 js 函数一起使用，但由于事件不是在拖动时触发的，而是通过放下触发的, 这并没有我希望的那么成功。

最小示例基于处理重新排序的 Primefaces Showcase。我的 xode 是展示柜的副本 (https://primefaces.org/showcase/ui/data/datatable/reorder.xhtml)。我唯一改变的是要看的数据宽度table，是否仍然可以将元素移动到边框上方

有什么方法可以让它发挥作用吗？如果能提供任何帮助，我将不胜感激！

PrimeFaces 版本：6.2

Answer 1

我找到了一种可能对我有用的方法。我添加了一些 JQuery 并按照以下方式设置轴

<script>
  jQuery(function() {
    PF('widgetVarTableName').tbody.sortable( "option", "axis", "y" );
  });
</script>

提示
目前我面临的问题是，拖动的元素扩展到整个显示宽度，代码只有运行一次，但也许这种方法会帮助其他人..

Primefaces 数据表限制重新排序

Primefaces Datatable restrict Reorder

primefaces-datatable