0

我有一些 gridster 小部件。我想在它们上显示来自 json 的文本内容（后端数据库，为了简单起见，我现在将对其进行硬编码）。

默认函数可以从 json 变量生成网格。但我也想在生成小部件后立即在这些小部件上显示文本

我的 JS 代码从数据库中获取变量并从中生成一个网格

$(function() {
    gridster = $(".gridster ul").gridster({
        widget_base_dimensions: [100, 55],
        widget_margins: [5, 5]
    }).data('gridster');

    $('.js-seralize').on('click', function() {
        $.ajax({
            url:'127.0.0.1:8000/home',
            type:'GET', // This is the default though, you don't actually need to always mention it
        });

        var serialization = {
            {
                variable
            }
        };

        serialization_sorted = Gridster.sort_by_row_and_col_asc(serialization);
        gridster.remove_all_widgets();

        $.each(serialization_sorted, function() {
            gridster.add_widget('<li />', this.size_x, this.size_y, this.col, this.row);
        });
    });
}

我的 HTML

<div class="controls">
    <button class="js-seralize">Restore</button>
</div>

<div class="gridster">
<ul>
</ul>

我得到的 JSON 是默认形式

[{"col":1,"row":1,"size_x":1,"size_y":1},{"col":2,"row":1,"size_x":1,"size_y":1},{"col":1,"row":2,"size_x":1,"size_y":1}]

我只想要网格上的文本内容（通过修改 JSON 等）或任何方式

4

0 回答 0