对于具有多行选择的jquery数据表，不保存分页的行

Question

我能够使用Datatables库成功实施jQuery。问题是，当我在分页区域中单击第2页时，它会正常运行，但是当我返回到第1页时，不再选择我选择的记录。

这是它应该做的：datatables select row example

我将我的数据表更新为版本：1.10.15

以下是我处理点击事件的电话：

$("#datatable_users tbody").on("click","tr",function(){$(this).toggleClass("selected");});

以下是我创建DataTable的代码：

 $("#datatable_'.$ref.'").dataTable({
       "iDisplayLength": '.$itemlimit.',
       "language": {
               "url": "http://cdn.datatables.net/plug-ins/1.10.12/i18n/English.json"
       },
                                "processing": true,
                                "serverSide": true,
                                "ajax": { // define ajax settings
                                    "url": \''.Pluto::registry('web_base_uri').'service/datatable?req=1&ref='.$ref.'\',
                                    "data": function(data) {
                                       var datafilter= $("form#JqueryDataTableFormFilter_'.$ref.'").serializeControls();
                                       $.each(datafilter, function(key, value) {
                                            data[key] = value;
                                        });
                                       //console.log(datafilter);
                                    }
                                },
                                "orderCellsTop": true,
                                "dom": "Bfrtip",
                                 buttons: [
                                    {
                                        "text": "'.$search_label.'",
                                        "className":"btn btn-default BtnjQueryDataTableFilter",
                                        "action": function ( e, dt, node, config ) {
                                            dt.ajax.reload();
                                        }
                                    }
                                ]
                            });

Answer 1

在服务器端处理中，当您进行分页时，DataTable会被重新绘制，因此您需要在单击下一页之前跟踪所选内容，并在每次单击页面后手动突出显示所选行。

这是他们网站上的一个完全相同的工作示例。

  

https://datatables.net/examples/server_side/select_rows.html

如果您有任何疑问，请与我们联系。