DataTable表格排序的情况下,JS获取排序状况

1.HTML设定隐藏值,存储排序相关内容

<input name="sortColumn"/>

<input name="sortStatus"/>

2.datatable设定:

var dataTableSetting = {

  >>>>>

}

2.获取table

var table = $('#table');

table.DataTable(dataTableSetting);

table.on('order.dt',function(_,_, orderInfo){

  $('#sortColumn').val(orderInfo[0]['src']);  // 发生排序的列,以0开始

  $('#sortStatus').val(orderInfo[0]['dir']);    // 排序顺序,asc或者desc

})

3.保持画面状态时,值传入后台,发生某个动作后通过获取的值再

再重新设定排序顺序,datatable重新设定

var sortCol = $('#sortColumn').val();

var sortValue = $('#sortStatus').val();

// 排序存在的情况下,再次排序

if(sortCol  !== ''){

  dataTableSetting["order"]  = [[sortCol , sortValue ]];

} else {

  dataTableSetting["order"]  = [];    // 排序不存在的情况下,排序清空

}

posted @ 2023-02-03 11:29  一颗种子,一粒沙  阅读(139)  评论(0编辑  收藏  举报