显示服务器端的列名,Datatable jquery

时间:2013-05-30 12:00:21

标签: jquery asp.net json jquery-datatables

现在我正在从Html View中静态显示列名。例如 这些都是我的列标题: PlatformNamelengthwidthheight。这些都包含在我的HTML视图的表格中。

在客户端使用Datatable初始化我正在显示

"aoColumns" : [
    "mDataProp" : "PlatformName",
    "mDataProp" : "length "
    "mDataProp" : "width "
    "mDataProp" : "height "
] 

一切都适合我。但我的新任务是从服务器端添加这些列名称(我需要从服务器端处理列名并通过JSON格式将其发送到客户端),以便列可以在表中动态显示。

任何人都可以告诉我如何做到这一点,链接到博客或示例代码会有很大的帮助......

1 个答案:

答案 0 :(得分:2)

您需要对服务器进行AJAX调用才能获取列定义。下面是一个如何做到这一点的粗略示例。我假设您从服务器返回的数据是JSON格式,并且它有一个名为columns的属性,其格式为数据格式aoColumns属性。

$(function() {
    //use jQuery AJAX to get column definitions
    $.ajax({
        url: 'path/to/serverside/columns',
        dataType: 'json',
        success: function(data) {
            //once you have column definitions, use them to initialize your table 
            initializeTable(data.columns);
        }
    });
});

//initialize datatables as you were before
function initializeTable(columnsDef) {
    $('#myTable').datatables({
        ...
        aoColumns: columnsDef,
        ...
    });
}