настраиваемые параметры сериализации в сетевом плагине jquery - PullRequest
Новая
       23

настраиваемые параметры сериализации в сетевом плагине jquery

0 голосов
/ 14 сентября 2018

Я использую gridster.js плагин jquery для перетаскиваемых и изменяемых размеров сетки.

В этом плагине все работало нормально. но у меня есть проблема с этим.

предположим, у нас есть структура html: 

<div class="gridster">
    <ul>
        <li data-row="1" data-col="1" data-sizex="2" data-sizey="1" data-catId="5"></li>
        <li data-row="1" data-col="1" data-sizex="1" data-sizey="1" data-catId="5"></li>

        <li data-row="2" data-col="1" data-sizex="1" data-sizey="1" data-catId="5"></li>
        <li data-row="2" data-col="2" data-sizex="2" data-sizey="1" data-catId="5"></li>

        <li data-row="3" data-col="1" data-sizex="1" data-sizey="1" data-catId="5"></li>
        <li data-row="3" data-col="2" data-sizex="1" data-sizey="1" data-catId="5"></li>
        <li data-row="3" data-col="3" data-sizex="1" data-sizey="1" data-catId="5"></li>

        <li data-row="4" data-col="1" data-sizex="1" data-sizey="1" data-catId="5"></li>
        <li data-row="4" data-col="2" data-sizex="1" data-sizey="1" data-catId="5"></li>
        <li data-row="4" data-col="3" data-sizex="1" data-sizey="1" data-catId="5"></li>

        <li data-row="5" data-col="1" data-sizex="1" data-sizey="1" data-catId="5"></li>
        <li data-row="5" data-col="2" data-sizex="1" data-sizey="1" data-catId="5"></li>
        <li data-row="5" data-col="3" data-sizex="1" data-sizey="1" data-catId="5"></li>

    </ul>
</div>

А это js-коды, которые я использовал для инициализации: 

var gridster = $(".gridster ul").gridster({
                widget_margins: [10, 10],
                widget_base_dimensions: [100, 100],
                max_cols: 3,
                helper: 'clone',
                resize: {
                    enabled: true,
                    max_size: [3, 1]
                },
                serialize_params:
                    function ($w, wgd) {
                        return {pos: $w.index($(wgd.el)), size: wgd.size_x, cat_id: $(wgd.el).data('catId')}
                    }
            }).data('gridster');

Как вы можете видеть, я хочу настроить вывод сериализованных параметров, поэтому мне нужно положение каждого элемента в главной оболочке. как вы видите, я использовал pos: $w.index($(wgd.el)), чтобы получить это, но оно всегда возвращает pos:0.

что такое решение?

...