3

データを表示するために DataTables (datatables.net) を使用していますが、sDom 要素を追加すると、テーブルにデータが読み込まれません。

以下のコードは機能します

<script type="text/javascript" charset="utf-8">
            $(document).ready(function() {
                $('#table_main').dataTable( {
                    "bProcessing": true,
                    "bServerSide": true,
                    "sAjaxSource": "<?php echo base_url()?>datatable.php"

                });

            });
        </script>

sDom で指定されたタグが作成されますが、ソースからデータがロードされることはありません。fnInitComplete に指定されたボタン スタイルも適用されていません

<script type="text/javascript" charset="utf-8">
            $(document).ready(function() {
                $('#table_main').dataTable( {
                    "bProcessing": true,
                    "bServerSide": true,
                    "sAjaxSource": "<?php echo base_url()?>datatable.php",
                    "sDom": "<'dtTop'<'dtShowPer'l><'dtFilter'f>><'dtTables't><'dtBottom'<'dtInfo'i><'dtPagination'p>>",
                         "fnInitComplete": function(){
                                $(".dtShowPer select").uniform();
                                $(".dtFilter input").addClass("simple_field").css({
                                    "width": "auto",
                                    "margin-left": "15px"
                            });
                         }

                });

            });
    </script>

このエラーを修正する方法についてのヘルプをいただければ幸いです。

4

1 に答える 1

5

最初は、ドキュメントにはサブクラスの挿入について何も書かれていないので、そのようなコードで作業の開始点から試してください (同じ行を置き換えます):

"sDom": '<"dtShowPer"l><"dtFilter"f><"dtTables">rt<"dtBottom"><"dtInfo"i><"dtPagination"p>',

データを含むコード例はありませんが (ただし、pastebin.com などで提供できます)、コードは正しいようです。そのため、sDom にルールを 1 つ追加し、正常に動作するかどうかを確認してから 1 つずつ追加するだけです。

于 2012-09-09T14:21:36.180 に答える