Question

我有一个jquery脚本如下，但我不知道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>>",

的含义

Answer 1

这是一项传统功能。直接引自documentation ...

＆＃34;此初始化变量允许您准确指定DOM中的哪个位置＆gt;希望DataTables注入它添加到页面的各种控件（例如＆gt;您可能希望页面顶部的分页控件表）。还可以添加DIV元素＆gt;（有或没有自定义类）以辅助样式。＆＃34;

Answer 2

这里有一些文档： 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，其中包含...的内容

jquery datatable sDom的含义和用法是什么？

2 个答案: