使用YUI使表行可排序

时间:2009-11-20 14:39:23

标签: javascript drag-and-drop yui

目前我有一张类似于下面的表格:

<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但如果您的表格中有任何文本框,则无法再编辑它们。

1 个答案:

答案 0 :(得分:0)