Высота сетки Gridster неверна при использовании метода add_widget

Я использую плагин gridster на своем сайте и вставляю контент с помощью метода add_widget, когда контент виджета извлекается из базы данных.

Однако при добавлении виджетов высота сетки не настраивается в соответствии с содержимым — она остается в виде указанных мною минимальных строк, а виджет переполняет сетку. и может привести к перекрытию виджетов и их размещению в неправильных позициях.

Вот мой код:

var gridster2;

var serialization = [{
    "col": 1,
    "row": 1,
    "size_x": 4,
    "size_y": 29
}];

gridster2 = $(".gridster ul").gridster({
    widget_margins: [8, 8],
    widget_base_dimensions: [62, 62],
    widget_selector: "li",
    max_cols: 12,
    min_cols: 12,
    min_rows: 4,
    avoid_overlapped_widgets: true,
    resize: {
        enabled: false
    }
}).data('gridster').disable();

$.each(serialization, function (i, widget) {
    gridster2.add_widget('<li id="view_elem1"><span class="gridster_content">Hello world</span></li>', widget.size_x, widget.size_y, widget.col, widget.row);
});

Вот jsfiddle

И вот скрипт с тем же контентом, который жестко закодирован, а не с использованием метода add_widget

Любые идеи, как решить эту проблему?


javascript jquery gridster
person Tom    schedule 05.11.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

У меня точно такая же проблема. Это происходит только тогда, когда вы добавляете только один виджет, если бы вы добавили еще один виджет, размер сетки изменился бы нормально.

В вашем примере вы можете легко решить свою проблему, установив для min_rows значение 29 (или максимальную высоту виджета).

person Hasmatuchi Alexandru    schedule 11.11.2015