javascript - 以编程方式移动 Gridster 小部件

Question

我正在尝试以编程方式移动 Gridster 小部件，我想实现像拖动 gridster 小部件一样的效果。

目前我正在使用 Jquery 分配数据列和数据行属性但是 gridster 小部件只是与其他小部件重叠gridster 小部件 和其他小部件不像它们在拖动 gridster 小部件时那样重新定位。我该怎么办？ TIA。

Answer 1

我在尝试为 gridster dash 创建动画循环时遇到了同样的问题。我向 gridster src 添加了一个新函数，这基本上只是对 resize_widget API 函数的非常简单的重写。正如@Pavel 所指出的，这本身只是使用了 mutate_widget_in_gridmap。

我在 Resize_widget 函数后添加了以下内容:

fn.move_widget = function($widget, new_col, new_row, callback) {
    var wgd = $widget.coords().grid;

    var new_grid_data = {
        col: new_col,
        row: new_row,
        size_x: wgd.size_x,
        size_y: wgd.size_y
    };

    this.mutate_widget_in_gridmap($widget, wgd, new_grid_data);

    this.set_dom_grid_height();
    this.set_dom_grid_width();

    if (callback) {
        callback.call(this, new_grid_data.col, new_grid_data.row);
    }

    return $widget;
};

对我来说就像一个魅力。告诉我你是否能想出一个用 JQuery 或其他东西来平滑过渡的好方法:)