Question

success: function (data) {
                    $('#datatable').dataTable({
                        "bProcessing": true,
                        "bPaginate": true,
                        "sPaginationType": "full_numbers",
                        "aaData": data.aaData,
                       // "columns": data.aoColumns,
                        "aoColumns": [
                        { "mData": "Server_Name" }, 
                        { "mData": "Primary_Administrator" },
                        { "mData": "Secondary_Administrator" },
                        ]
                    });
                    }
                });

我正在尝试在jquery数据表中显示服务器处理的数据。我并没有完全了解如何针对data显示列名。我尝试了几种方法，比如使用aoColumns定义服务器端结构，但它没有工作。此应用程序也使用Asp.Net框架。请注意，我有来自服务器端的列名可能会更改，所以我有空的HTML表。我没有使用html表预定义列名。

服务器端结构如下： -

var result = new
                {
                    iTotalRecords = totalRows,
                    iTotalDisplayRecords = totalRows,
                    aaData = excelDataList,
                    aoColumns =  columnsList,
                };

                JavaScriptSerializer js = new JavaScriptSerializer();
                js.MaxJsonLength = Int32.MaxValue;
                Context.Response.Write(js.Serialize(result));

服务器端类如下： -

public class XYZ
{
    public string Server_Name { get; set; }

    public string Primary_Administrator { get; set; }

    public string Secondary_Administrator { get; set; }
}

我的Html代码： -

<body>
     <form id="form1" runat="server">
        <table id="datatable">
        </table>
    </form>
</body>

示例Json： -

{
    "iTotalRecords": 42,
    "iTotalDisplayRecords": 42,
    "aaData": [{
        "Server_Name": "FS",
        "Primary_Administrator": "Mic",
        "Secondary_Administrator": "An"
}],
    "aoColumns": [{
        "sTitle": "Server_Name"
    }, {
        "sTitle": "Primary_Administrator"
    }, {
        "sTitle": "Secondary_Administrator"
    }, {
        "sTitle": "F4"
    }, {
        "sTitle": "F5"
    }, {
        "sTitle": "F6"
    }, {
        "sTitle": "F7"
    }, {
        "sTitle": "F8"
    }]
}

改变了Json： -

"aoColumns": [{
        "sTitle": "Server_Name",
        "mData": "Server_Name"
    }, {
        "sTitle": "Primary_Administrator",
        "mData": "Primary_Administrator"
    }, {
        "sTitle": "Secondary_Administrator",
        "mData": "Secondary_Administrator"
    }, {
        "sTitle": "F4",
        "mData": "F4"
    }, {
        "sTitle": "F5",
        "mData": "F5"
    }, {
        "sTitle": "F6",
        "mData": "F6"
    }, {
        "sTitle": "F7",
        "mData": "F7"
    }, {
        "sTitle": "F8",
        "mData": "F8"
    }]

jQueryDataTable：列名不显示在jquery数据表中

0 个答案: