如何使用nestedSortable序列化函数

Question

所以,我正在使用nestedSortable插件,我需要使用"awesome_nested_set"gem将数据发送回rails应用程序.我想使用嵌套在nestedSortable插件中的序列化函数,但我不明白如何使用它.

当我尝试在插件的网站上用firebug查看源代码时,我似乎无法找到"序列化"演示发生的位置,所以我只是假设它是如何工作的,但它没有:

$(document).ready(function() {
    $('ol.sortable').nestedSortable({
        disableNesting : 'no-nest',
        forcePlaceholderSize : true,
        handle : 'div',
        helper : 'clone',
        items : 'li',
        opacity : .6,
        placeholder : 'placeholder',
        revert : 250,
        tabSize : 20,
        tolerance : 'pointer',
        toleranceElement : '> div'
    });
    $("#send").click(function(){
        var data = $("ol.sortable").serialize();
        alert(data);
    });
});

谢谢你的帮助!

Answer 1

我发现它是如何工作的,所以我会给那些和我第一次使用它时一样困惑的人发布答案.

首先,你必须确保你<li>的每个人都有一个list_number形式的id.例如:

<ol class="sortable">
  <li id="books_1"><div>Oryx and Crake</div></li>
</ol>

第二,这是让我最困惑的原因因为我猜我没有使用插件足以看到这种事情,序列化函数就是这样调用的:

$('ol.sortable').nestedSortable('serialize');

对许多人来说这可能是非常明显的,但我不知道,如果你也不知道,希望这有帮助!