无法将动态列数据绑定到Jquery Gijgo网格

Question

我正在尝试将动态Column数据绑定到Jquery Gijgo网格，并且它不显示网格数据

我已经构造了动态字符串，并尝试将其分配给Grid的列参数。

var columnData = "{ field: 'Series'}, ";
$.ajax({
        type: "GET",
        url: "/Home/GetGridData",
        contentType: "application/json",
        async: false,
        dataType: "json",

        success: function (data) {
            $.each(data[0], function (k, v) {
                if (k != 'Series') {
                    columnData = columnData + "{ field: '" + k + "', editor: true},";
                }
            });
            columnData = columnData.substring(0, columnData.length - 1);
            columnData = "[ " + columnData + " ]";

            $('#Grid').grid({
                dataSource: data,
                columns: columnData
            });
        },
        error: function (data) {
            alert(data);
        }
    });

我已经尝试直接从Console绑定columnData值，并且它可以正常工作。例：栏：[{field：'Series'}，{field：'03 / 29/19'，editor：true}，{field：'03 / 30/19'，editor：true}，{field：'03 / 31 / 19'，编辑器：true}，{字段：“ 03/29/191”，编辑器：true}]

Answer 1

您需要在您的Ajax调用中成功设置数据源后部分调用此：

$('#Grid').grid().render(data);

或在网格中设置数据源后：

$('#Grid').grid().reload();