#javascript #jquery #asp.net #json #jquery-ui
#javascript #jquery #asp.net #json #jquery-пользовательский интерфейс
Вопрос:
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. Я не совсем понимаю, как отображать имена столбцов в сопоставлении с данными.Я попробовал несколько способов, например, определить структуру на стороне сервера с помощью 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"
}]