使用 YUI 使表格行可排序答案

【问题标题】：Make table rows sortable with YUI使用 YUI 使表格行可排序
【发布时间】：2009-11-20 14:39:22
【问题描述】：

目前我有一个类似于下面的表格：

<table id="tbl">
    <thead>
        <tr><th>Example Title</th><th>Title2</th></tr>
    </thead>
    <tbody id="tblbdy">
        <tr><td>data1</td><td>data2</td></tr>
    </tbody>
</table>

我目前正在使用 script.aculo.us 的代码：

Sortable.create('tblbdy', {tag: 'tr', ghosting: false, constraint: 'vertical', onUpdate: sortparts});

这基本上做了一个非常简单的你的效果，你点击行，向上/向下拖动，将它插入到新的运动中并调用函数“sortparts”，效果很好；然而，在我当前的项目中，我正在逐步淘汰 script.aculo.us 以减少 javascript 占用空间并切换到 YUI 以获取所有视觉内容（这是最后一点）。

如何使用 YUI 获得类似的结果？

我尝试在每一行上只使用new YAHOO.util.DD(row)，但什么都没有发生...

编辑我发现了这个：http://normankosmal.com/wordpress/?p=25，但是如果你的表格中有任何文本框，你就不能再编辑它们了。

【问题讨论】：

标签： javascript drag-and-drop yui

【解决方案1】：

你看过这个代码示例吗？

http://developer.yahoo.com/yui/examples/datatable/dt_ddrows.html

【讨论】：

是的；适用于 YUI 数据表（我不用于此表）但不适用于常规表。
啊，您需要解决的拖放问题可能还有很多。数据表支持行的移动，拖放只是给出抓取东西和移动的效果。目标需要支撑下降。