datatable跨頁全選

  1. 使用datatable的擴展dataTable.select.js

       <script type="text/javascript" src="${BASEPATH}assets/plugins/DataTables/media/js/jquery.dataTables.js"></script>

       <script type="text/javascript" src="${BASEPATH}assets/plugins/DataTables/media/js/dataTables.bootstrap.js"></script>

       <script type="text/javascript" src="${BASEPATH}assets/plugins/DataTables/extensions/Select/js/dataTables.select.js"></script>(在jquery.dataTables.js後)

     2. 定義datatable時允許多選

       "select": 'multi',

        

 

     3. 多選事件

        grid.rows().select();

     4.反選事件

       grid.rows().deselect();

     5.獲取選中數據

       grid.rows({selected: true}).data();

 

    官方網址: https://datatables.net/extensions/select/examples/api/select.html

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章