0

jQuery DataTables を使用してテーブル データを並べ替えていますが、レイアウトをカスタマイズしたいと考えています。フレームワークが HTML 要素を挿入する代わりに、ID を使用してそれらが存在する場所を指定したいだけです。これは私の初期化です:

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('#results-table').dataTable({
            "sDom": 'fi'
        });
    });
</script>

これにより、検索バーと情報テキストの両方が表示されます。フィルターに使用する入力と、表示される情報の div を既に作成しています。新しい要素を作成するのではなく、これらの要素に HTML を挿入するためのフレームワークが必要なだけです。

4

1 に答える 1

1

わかりましたので、これが独自の要素を sDom に追加する方法です (私の例では、スタイリングに jquery ui を使用しているため、ui 要素を追加する必要があることに注意してください)

 var oTable = $('#example').dataTable( {
    "bJQueryUI": true,
    "bProcessing": true,
    "bServerSide": true,
    "sDom": '<"ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-     helper-clearfix"l f <"dataTables_mylist"><"dataTables_dater"> r>t<"ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"ip>',

datatables_mylist と dataTables_dater はどちらも、読み込み後にコンテンツを挿入する要素 ID です。DataTables が初期化された後、標準の jQuery / DOM メソッド (つまり、appendChild) を使用する必要があります。既存の要素を取得して移動することはできません。

私のアプリケーションでは、Mylist は onclick がユーザー ID によって特定のフィルターを適用するボタンであるため、ユーザー列を表示する必要がなく、ユーザーは検索ボックスにユーザー ID を入力する必要がありません。

于 2013-05-02T00:52:58.940 に答える