在jQuery UI中将元素顺序写入数据库可排序(BackboneJS,Rails)

时间:2015-06-28 20:10:36

标签: jquery jquery-ui

在我开始实施编写"命令"的方法之前,我希望得到一些反馈。使用jQuery的Sortable UI将客户端HTML元素添加到服务器中。

我有:

<script>
  $(function() {
    $( "#sortable-lists" ).sortable({
        update: function (event, ui) {
            var data = $(this).sortable('serialize');
            console.log(data);
        }
    });
    $( "#sortable-lists" ).disableSelection();
  });
</script>

我还有div,我想排序:

<div id="sortable-lists">
    <div id="id_1">Model here with server ID 1</div>
    <div id="id_2">Model here with server ID 2</div>
    <div id="id_3">Model here with server ID 3</div>
</div>

div ID基本上代​​表了数据库中的模型ID。我的模型还有一个&#34; 订单&#34;属性/列允许使用BackboneJS的comparator方法对它们进行排序。我的想法是 (1)使用AJAX请求将数据发送到Rails (2)然后Rails遍历数据数组,找到具有相应ID的模型 (3)然后根据数组中的索引更新模型的顺序属性

我想知道其他人会如何实现这个?有什么更好的方法可以做到这一点?谢谢!

0 个答案:

没有答案