用于表格单元格替换的 jQuery 插件

发布于 2024-11-27 13:34:10 字数 283 浏览 1 评论 0原文

我需要一个 jQuery 插件,它将采用 HTML 表格,并允许通过拖放替换彼此之间的单元格。示例:

[1][2][3]
[4][5][6]
[7][8][9]

当我将 1 拖到 9 上时,它应该像这样替换它们:

[9][2][3]
[4][5][6]
[7][8][1]

理想情况下使用可选的回调函数(使用 ajax 更新远程页面)。

提前致谢。

I need a jQuery plugin that will take an HTML table, and will allow the replacement of cells in between each other, via drag n drop. Example:

[1][2][3]
[4][5][6]
[7][8][9]

When I drag 1 onto 9, it should replace them like so:

[9][2][3]
[4][5][6]
[7][8][1]

ideally with an optional callback function (to update a remote page with ajax).

Thanks in advance.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

笔芯 2024-12-04 13:34:10

看看这个:
http://www.redips.net/javascript/drag-and- drop-table-content/

勾选表格下方的“切换内容选项”。

Look at this:
http://www.redips.net/javascript/drag-and-drop-table-content/

Check the "Switch content option" below the table.

半城柳色半声笛 2024-12-04 13:34:10

如果不是插件,那么至少如何获取它,甚至尝试自己编写它。

使用 jQuery UI,您可以创建可拖动元素。您还可以创建可放置元素

尝试使用表格和表格单元格来搞乱这些演示,看看您自己能走多远。如果您陷入了困境,请回来,一旦您有了一些代码,也许有人可以帮助您!

If not a plugin, then at least how to get to it and even try to write it myself.

Using jQuery UI you can create draggable elements. You can also create droppable elements.

Try messing around with those demos using a table and table cells and see how far you can get by yourself. If you hit a dead-end, come back and someone may be able to help you out once you have some code!

惯饮孤独 2024-12-04 13:34:10

我明白了! http://jsfiddle.net/8dRZz/

在这个例子中,它将永远保持“加载”状态,很容易理解由于处理程序不存在,因此没有 AJAX 成功调用。

I've got it! http://jsfiddle.net/8dRZz/

In this example, it will stay "loading" forever, easily understandable since the handler in not there, so no AJAX success call.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文