jQuery Sortable-创建后

时间:2018-06-27 08:51:09

标签: jquery

创建可排序/ portlet之后,我需要根据数据库中保存的内容来设置位置。所以我的问题是,人们将如何完成这项任务?

当用户使用以下内容选择偏好时,我有以下更新位置的方法,并且我知道可排序类上有一个create方法,但是不确定如何将位置获取到从数据库中显示。

$( ".column" ).sortable({
        connectWith: ".column",
        handle: ".portlet-header",
        cancel: ".portlet-toggle",
        placeholder: "portlet-placeholder ui-corner-all",

        update: function(event, ui) {

            // identify handle for item
            var handle = ui.item.find(".portlet-header");

            // get current html of handle
            var html = handle.html();


            var data = $('.column').sortable( "serialize", { attribute: "sort" } );

            // ajax call
            $.ajax({
                url:        '/api/portlets/update',
                data:       { position: ui.item.index() },
                type:       'POST',
                success: function(response, ui) {

                    console.log('Success ');

                },
                error: function(response) {
                    console.log('Error!');

                }
            });
        }

当前我有两个portlet,数据库如下:

Database Structure IMage

0 个答案:

没有答案