处理jQuery上的可排序列表

路易斯·诺沃

我正在使用“可排序”脚本(http://farhadi.ir/projects/html5sortable/)在我的Web应用程序上具有可排序的项目列表。排序部分效果很好。但是现在,我需要能够在内容发生变化时ping回我的服务器以设置顺序。

捕获该事件的方法是:

$('.sortable').sortable().bind('sortupdate', function() {
    //Triggered when the user stopped sorting and the DOM position has     changed.
});

我如何了解新职位以便通知服务器?由于列表很小,因此我想到了两种方法:

1-了解项目被拖动到的位置,查看下面的位置,并将某种“插入”更新功能发送到我的服务器,以在该位置插入新项目。

2-只需遍历列表中的所有项目,依次捕获其ID,然后将新的ID列表发送到服务器,然后让服务器根据该列表重建索引。

我可以处理ruby代码,但是使用JS / Jquery实在是一个灾难。

因此,如果我选择选项1,该如何确定新项目的位置以及如何确定该项目正下方的项目?

如果我选择选项2-如何按照所有li项目的确切顺序(它们的DOM顺序)对所有li项目进行迭代,以便可以构建此列表并将其发送回服务器?

epascarello

触发更新时读取lis的ID

var ids = $(".sortable").find("li").map( function(txt, elem){
   return elem.id
} ).get();
console.log(ids);

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章