在ShieldUI数据网格上加载AJAX数据

Question

我只想分享我是如何从AJAX请求加载数据到ShieldUI DataGrid的，我没有看到任何相关的帖子有直接和明确的答案，所以我想也许有人可以把它作为一个指南。

$(document).ready(function(){

$("#shieldui-grid1").shieldGrid({
        dataSource: {
            data: gridData
        },
        selection: {
            type: "row",
            multiple: true,
            toggle: false
        },
        columns: [
            {   
                field: "product_name", width: "30%", title: "Product Name" 
            },
            {   
                field: "source_name", title: "Source Name", width: "30%" 
            }
        ]
    });
});

var gridData = function() {
    $.ajax({
        async: false,
        url: "/your-api-url",
        dataType: 'json',
        type: 'GET',
        success: function(data){
            console.log(data);
            gridData = data;
        }
    });
    return gridData;
}();

})；

这将自动从分配给'gridData‘变量的Ajax请求中提取数据结果

Answer 1

我可以使用下面的代码将结果传递给gridData变量，

var gridData = function() {
    $.ajax({
        async: false,
        url: "/your-api-url",
        dataType: 'json',
        type: 'GET',
        success: function(data){
            console.log(data);
            gridData = data;
        }
    });
    return gridData;
}();

Answer 2

Shield UI Grid demos有这样的例子-即如何连接到RESTful和类似的web服务。