[英]Cannot specify a default column sort of datatables javascript
我需要按頁面加載時的特定列進行排序,在這種情況下,要使它以“ RecordDate”的降序顯示初始結果。
問題是,我相信服務器端會阻止任何排序規范,並且我在下面進行的任何修改都不會加載結果(asSorting [[列數,並嘗試過的名稱,desc]]等)。
我可以編寫一個特殊的函數來強制此列排序嗎? 好奇是否可以在修改存儲過程或另一個cs文件之前在此處進行處理。
function GetRecords( DTO ) {
var grpid = ApplyGroupingOnTable();
console.log( grpid );
oTable = $( "#SearchTable" ).dataTable( {
"oLanguage": {
"sZeroRecords": "No records to display"//,
//"sSearch": "Search on UserName"
},
"aLengthMenu": [[10, 25, 50, 100, 150, 250, 500], [10, 25, 50, 100, 150, 250, 500]],
"iDisplayLength": 10,
"sScrollX": "1300px",
"bSortClasses": false,
"bStateSave": false,
"bFilter": false,
"bLengthChange": true,
"bPaginate": true,
"bAutoWidth": false,
"bProcessing": false,
"bServerSide": true,
"bDestroy": true,
"sAjaxSource": "/Data/SearchRecords",
"aoColumns": [
{ "mData": "SelectID", "sClass": "alternatingCenterAlign", fnRender: CreateSelectCaseViewerButton, "bSortable": false, "bSearchable": false, "sWidth": "18px" },
{ "mData": "ViewID", "sClass": "alternatingCenterAlign", fnRender: CreateCaseViewerButton, "bSortable": false, "bSearchable": false, "sWidth": "18px" },
{ "mData": "TagID", "sClass": "alternatingCenterAlign", fnRender: CreateTagCaseButton, "bSortable": false, "bSearchable": false, "sWidth": "18px" },
{ "mData": "ID", "sClass": "alternating", "sType": "string", "bSortable": true, "bSearchable": false, "sWidth": "50px" },
{ "mData": "ClientName", "sClass": "alternating", "sType": "string", "bSortable": true, "sWidth": "120px" },
{ "mData": "RecordDate", "sClass": "alternating", "sType": "string", "bSortable": true, "bSearchable": false, "sWidth": "70px" },
"bJQueryUI": false,
"sPaginationType": "full_numbers",
"bDeferRender": true,
"bRetrieve": false,
"fnServerParams": function ( aoData ) {
aoData.push( { "name": "iParticipant", "value": $( "#participant" ).val() } );
aoData.push( { "name": "iSearch", "value": JSON.stringify( DTO ) } );
aoData.push( { "name": "iId", "value": cliid } );
aoData.push( { "name": "iOrder", "value": grpid } );
},
"fnDrawCallback": function ( oSettings ) {
if ( grpid ) FinalGrouping( oSettings, grpid );
$( ".overflow" ).each( function () { $( this ).attr( 'title', $( this ).text() ); } );
$( '#tablediv select' ).chosen();
},
"fnServerData": function ( sSource, aoData, fnCallback ) {
$( '.grid-loading' ).show();
$.ajax( {
dataType: 'json',
contentType: "application/json; charset=utf-8",
type: "GET",
url: sSource,
data: aoData,
cache: false,
success: function ( msg ) {
if ( msg.Exception != undefined ) {
alert( msg.Exception );
$( '.grid-loading' ).hide();
return false;
}
lastId = ( msg.aaData.length > 0 ) ? msg.aaData[msg.aaData.length - 1][0] : 0;
fnCallback( msg );
$( '.grid-loading' ).hide();
}
} ); //End Ajax Call
}
} );
}
假設您有權訪問dataTable的數據數組,並且其格式為:
var array = [
{ name: "somename", value: "somevalue" },
{ name: "somename2", value: "somevalue2" }
];
您可以使用以下值基於值進行簡單的降序排序:
array.sort(SimpleCompareDescOnValue);
給定功能:
function SimpleCompareDescOnValue(a, b) {
// Use caution so as not to define 'undefined'. It's not a great practice but it works.
var c = a.length != undefined ? Math.max.apply(Math, a.map(function (o) { return o.value; })) : a.value;
var d = b.length != undefined ? Math.max.apply(Math, b.map(function (o) { return o.value; })) : b.value;
if (c > d)
return -1;
if (c < d)
return 1;
return 0;
}
不知道這是否對您有幫助。 我從未使用過dataTable庫(盡管它看上去很酷),但我必須假定您可以在從服務器中提取數據后訪問數據,並且僅在某種程度上將其存儲在數組中才有意義。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.