1

我在 Web 应用程序中的仪表板视图中使用gridstack.js (v0.2.6) 库。我试图实现让用户更改网格宽度的可能性。几乎一切似乎都在工作，但我遇到了maxWidth小部件的问题。将小部件设置maxWidth为大于网格列数的值似乎会导致小部件的大小调整崩溃。例如，当我设置gridWidth = 3和小部件时maxWidth = 5，我可以将小部件的大小调整为最大 ~1.3 * 列宽，而不是 3 列。

我提供了最重要的代码部分：

HTML

<div class="grid-stack grid-stack-3">

</div>

Javascript

初始化：

var $dashboard = $('.grid-stack');
var columnsNumber = 3;

function initGridStack() {
    $dashboard[0].className = "grid-stack grid-stack-" + columnsNumber;

    var options = {
        cell_height: 200,
        vertical_margin: 10,
        animate: true,
        width: columnsNumber,
        draggable: {
            handle: '.widget-header',
        }
    };
    $dashboard.gridstack(options);

添加小部件：

// ...
$widget = createWidgetElement()
$dashboard.data('gridstack').addWidget($widget, x, y, width, height, autoposition, minWidth, maxWidth, minHeight, maxHeight);

问题

有没有人遇到过类似的问题并且知道我该如何处理？我将不胜感激任何帮助。

4

0 回答 0