jquery datatable sDom的含義和用法是什麼？

我有一個jQuery腳本，如下所示，但我不知道sDom的含義和用法，對於我來說語法也很奇怪。jquery datatable sDom的含義和用法是什麼？

<script type="text/javascript"> 
     var oTable; 
     $(document).ready(function() { 
      oTable = $('#table').dataTable({ 
       "sDom": "<'row'<'col-md-6'l><'col-md-6'f>r>t<'row'<'col-md-6'i><'col-md-6'p>>", 
       "sPaginationType": "bootstrap", 

       "bProcessing": true, 
       "bServerSide": true, 
       "sAjaxSource": "{{ URL::to('admin/newscategory/data/') }}", 
       "fnDrawCallback": function (oSettings) { 
        $(".iframe").colorbox({ 
         iframe: true, 
         width: "80%", 
         height: "80%", 
         onClosed: function() { 
          window.location.reload(); 
         } 
        }); 
       } 
      }); 
      var startPosition; 
      var endPosition; 
      $("#table tbody").sortable({ 
       cursor: "move", 
       start: function (event, ui) { 
        startPosition = ui.item.prevAll().length + 1; 
       }, 
       update: function (event, ui) { 
        endPosition = ui.item.prevAll().length + 1; 
        var navigationList = ""; 
        $('#table #row').each(function (i) { 
         navigationList = navigationList + ',' + $(this).val(); 
        }); 
        $.getJSON("{{ URL::to('admin/newscategory/reorder') }}", { 
         list: navigationList 
        }, function (data) { 
        }); 
       } 
      }); 
     }); 
    </script>

是任何人都可以解釋什麼是"sDom": "<'row'<'col-md-6'l><'col-md-6'f>r>t<'row'<'col-md-6'i><'col-md-6'p>>",

來源

2016-01-03 hkguile

有一些文件在這裏： http://legacy.datatables.net/usage/options#sDom

總之，字母的含義如下：

'l' - Length changing 
'f' - Filtering input 
't' - The table! 
'i' - Information 
'p' - Pagination 
'r' - pRocessing

尖括號等如下：

'<' and '>' - div elements 
'<"class" and '>' - div with a class 
'<"#id" and '>' - div with an ID

所以你在哪裏使用<'row' ... >例如，這將繪製一個div與row類，其中包含的內容...

來源

2016-01-03 08:56:57 ne1410s

的意義它是一個傳統的功能。直接從documentation引用...

「這初始化變量允許您指定的確切位置在DOM你>想的DataTable注入其添加到頁面中的各種控件（例如>您可能希望表格頂部的分頁控件），也可以添加DIV元素（帶或不帶自定義類）以幫助樣式。「

來源

2016-01-03 08:56:33 kurt

jquery datatable sDom的含義和用法是什麼？

回答

相關問題