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

时间:2019-04-08 12:19:24

标签: jquery dynamic binding grid

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

我已经构造了动态字符串,并尝试将其分配给Grid的column param。

var columnData =“ {字段:'系列'},”; $ .ajax({         类型:“ GET”,         网址:“ / Home / GetGridData”,         contentType:“ application / json”,         异步:错误,         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}]

1 个答案:

答案 0 :(得分:0)

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

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

或者在网格中设置数据源后:

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