Datentabellen & Bootstrap Paginierung

Question

Ich bin mit Datentabellen & Bootstrap in einer JSP-Seite

https://datatables.net/manual/styling/bootstrap-simple.html

und ich würde die Onchange Funktion in der Auswahl von anzeigen N Einträge

hinzufügen,

Wäre das möglich ??????????

Dies ist der Code in meinem JSP:

<script> 
      $(document).ready(function(){ 
       $('[data-toggle="tooltip"]').tooltip(); 
       var table = $('#deviceTableId').DataTable({ 
        "dom": '<"top">rt<"bottom"lp><"clear">', 
        "autoWidth": false, 
        "columnDefs": [ 
         {"targets": 'nosort', "orderable": false, "width": '30%'}, 
         {"targets": [0], "width": '20%'}, 
         {"targets": [1], "width": '35%'}, 
         {"targets": [2], "width": '15%'}, 
        ] 
       }); 
       table.columns().every(function() { 
        var that = this; 
        $('input', this.header()).on('keyup change', function() { 
         if (that.search() !== this.value) { 
          that 
           .search(this.value) 
           .draw(); 
         } 
        }); 
       }); 
      }); 

     </script 

>

Answer 1

Verwenden Sie diesen Code für das Änderungsereignis zu bekommen.

$(document).ready(function() { 

$('#example').DataTable(); 

$(".dataTables_length label select").change(function(){ 
    alert(this.value); 
}); 

}); 

Siehe diese Fiddle