如何使用拖放重新排列 DataTable 中的行？答案

【问题标题】：How do I reorder rows in DataTable using drag drop?如何使用拖放重新排列 DataTable 中的行？
【发布时间】：2010-03-01 09:14:07
【问题描述】：

我正在使用 PrimeFaces 和 JSF。谁能告诉我如何使用 Primefaces 拖放组件重新排列 DataTable 的行？

【问题讨论】：

【解决方案1】：

目前在 PrimeFaces 框架（v2.2.1 和 3.0）中，<p:dataTable> 无法做到这一点。

有一个开放的 PrimeFaces Issue 511 <p:dataTable> draggable columns 用于将 Yahoo 小部件数据表 draggableColumns 属性添加到 PrimeFaces <p:dataTable>，但尚未设置目标版本。

如果您希望将此添加到 PrimeFaces 中，请为该问题加注星标，以帮助赋予它更高的优先级。

【讨论】：

【解决方案2】：

这绝对是一个较老的问题，但答案需要更新。现在可以使用p:dataTable 上的draggableColumns="true" 属性来实现。

你的dataTable 会看起来像这样：

<p:dataTable var="i" value="#{bean.data}" draggableColumns="true">

【讨论】：

【解决方案3】：

PrimeFaces 5.0 现在提供此功能：

只需启用 draggableRows 选项，使用非常简单，还提供了一个可选的 rowReorder ajax 行为，以获取带有索引信息的 ReorderEvent 以实现灵活性。

【讨论】：