Rabu, 01 Oktober 2014

Mengganti iDisplayLength pada JQuery Datatable 2 kali

Jika anda menginginkan JQuery Datatable melakukan perubahan IDisplayLength lebih dari satu kali.. contoh kasus : Anda menginginkan Datatable meload semua datanya pada tahap pertama.. lalu pada tahap kedua anda batasi tampilan sejumlah 10 setelah nya
maka caranya adalah sebagai berikut :
Bagian Javascript :
<script type="text/javascript">
            $(document).ready(function () {
                var table = $('#example1').DataTable({
                    "iDisplayLength": 10000 //max data //set iDisplayLength Pertama
                });
            });

            function resetDisplay(){
                oTable = $('#example1').dataTable();
                var oSettings = oTable.fnSettings();
                oSettings._iDisplayLength = 10; //set iDisplayLength Kedua
                oTable.fnDraw();
            }
</script>

Bagian HTML
<body class="skin-blue" onload="resetDisplay()">


Silahkan Mencoba!

0 komentar:

Posting Komentar