J'ai un script de jquery comme suit mais je ne connais pas la signification de sDom et l'utilisation, aussi la syntaxe est étrange pour moi.

 <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>

Quelqu'un peut-il expliquer ce que signifie "sDom": "<'row'<'col-md-6'l><'col-md-6'f>r>t<'row'<'col-md-6'i><'col-md-6'p>>",

3
hkguile 3 janv. 2016 à 11:52

2 réponses

Meilleure réponse

Il y a de la documentation ici: http://legacy.datatables.net/usage/options#sDom

En résumé, les lettres signifient ce qui suit:

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

Les équerres, etc. sont les suivantes:

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

Donc, là où vous avez utilisé <'row' ... > par exemple, cela dessine un div avec une classe de row, contenant le contenu de ...

1
ne1410s 3 janv. 2016 à 08:56

C'est une fonctionnalité héritée. Cité directement à partir de la documentation...

"Cette variable d'initialisation vous permet de spécifier exactement où dans le DOM vous> voulez que DataTables injecte les différents contrôles qu'il ajoute à la page (par exemple> vous pourriez vouloir les contrôles de pagination en haut du tableau). Éléments DIV > (avec ou sans classe personnalisée) peut également être ajouté pour faciliter le style. "

1
kurt 3 janv. 2016 à 08:56