さて、これは私を夢中にさせています。
jQuery Datatable を作成しようとしていますが、エラーが発生し続けます:
DataTables 警告 (テーブル id = 'プロパティ'): 追加されたデータ (サイズ未定義) が既知の列数と一致しません (9)
<th>
9列(つまり、htmlの9ブロック)で設定されたテーブルがあります
Javascript は問題ないように見えます (ただし、誰かがそれを確認してくれると助かります)。
$tableProperties = $('#properties').dataTable({
sDom: '<"dataTables_header"<"dataTables_toolbar">rl>t<"dataTables_footer"ip>',
oLanguage: { sLengthMenu: "Show _MENU_ lines", sInfo: "Showing _START_ to _END_ of _TOTAL_ lines" },
iDisplayLength: <%: ShusterConnect.ConfigurationSettings.MgtPropertiesPerPage %>,
aLengthMenu: [[10, 20, 50, -1], [10, 20, 50, "All"]],
bPaginate: true,
sPaginationType: "listbox",
bLengthChange: true,
bFilter: false,
bInfo: true,
bAutoWidth: true,
bProcessing: true,
bServerSide: true,
sAjaxSource: "/property/QueryAllProperties",
aaSorting: [[ 5, "asc" ]], // default sorting column is Management Company
fnServerData: function (sSource, aoData, fnCallback) {
$.post(sSource, aoData, fnCallback);
},
fnRowCallback: function (tr, record, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(7)', tr).html(renderActionTemplate(record[7], $('td:eq(4)', tr).text()));
$('td:eq(7)', tr).css("white-space", "nowrap");
if ($('td:eq(4)', tr).text() != "Yes")
$(tr).css("background-color", "#c0c0c0");
return tr;
},
aoColumns: [
{ "mDataProp": "ShusterPropertyID" },
{ "mDataProp": "ShusterCustomerID" },
{ "mDataProp": "BEPropertyID" },
{ "mDataProp": "BEUserName" },
{ "mDataProp": "IsManagementCompany" },
{ "mDataProp": "ManagementCompany" },
{ "mDataProp": "MappingFileType" },
{ "mDataProp": "Action", "bSortable": false}, // action
{ "mDataProp": "ParentId" } //Parent Id
],
});
});
そして、私の JSON は、レコードごとに 9 つの値を持つ aaData セットを返します。
{"sEcho":"1","iTotalRecords":147,"iTotalDisplayRecords":147,"aaData":[{"ShusterCustomerId":"1057","ShusterPropertyId":"DEV","BEPropertyId":"4368058011","BEUserName":"Devon Oaks","IsManagementCompany":"","ManagementCompany":"Eliza Jennings Senior Care Network","MappingFileType":"Default","Action":"57","ParentId":""},{"ShusterCustomerId":"1058","ShusterPropertyId":"ELIZA","BEPropertyId":"4368056561","BEUserName":"Eliza Jennings Home","IsManagementCompany":"","ManagementCompany":"Eliza Jennings Senior Care Network","MappingFileType":"Default","Action":"58","ParentId":""}, ... {"ShusterCustomerId":"1168","ShusterPropertyId":"WESC","BEPropertyId":"3008297838","BEUserName":"Wesley Court Methodist Retirement Community","IsManagementCompany":"","ManagementCompany":"Sears Methodist Retirement System","MappingFileType":"PathLinks","Action":"243","ParentId":"232"}]}
それで…一体何が起こっているのですか?何か重要なことを見逃していませんか?どんな提案でも大歓迎です。
PSインターウェブ(およびStackOverflow)の検索に1時間費やしましたが、問題を指摘するものは何も見つかりませんでした...