1

了解しました。必要なファイルをDataTables.netからダウンロードしましたが、実際に自分のサイトに取り込むのに苦労しています。どのくらい正確に参照しますか？彼らのウェブサイトは言う

$(document).ready(function(){
    $('#example').dataTable();
});

初期化を処理しますが、明らかにコードを参照する必要があります（たとえば、JavaScriptを参照する方法など）。

<script type="text/javascript" src="view/javascript/application.js" ></script>

誰かが私にこれでいくつかのポインタを与えることができますか？簡単な質問だとは思いますが、少し迷ってしまい、実際にパッケージを使用することに重点を置いているように見えるので、彼らのWebサイトを調べてもあまり役に立ちません。

4

1 に答える 1

1

jQuerydataTablesをWebプロジェクトにバインドする方法は次のとおりです。

1）DataTablesはjQueryプラグインであるため、最初にjQueryを参照する必要があります。jQueryがないと、DataTablesは機能しません。

<!--jQuery -->
<script src="Project/Scripts/jQuery.min.js" type="text/javascript" ></script>

2）DataTablesプラグインを参照します。

    <!--Data Tables -->
    <script src="Project/Scripts/DataTables/jQuery_DataTables.min.js" type="text/javascript" ></script>

3）DataTablesをどのように使用するかを決定します。4つのオプションがあります：DOM、JavaScript配列、JSONオブジェクト、サーバーサイド処理。DataTablesが機能しているかどうかをテストするだけの場合は、DOMが最も簡単です。

<script type="text/javascript">
    $(document).ready(function(){ $('#table_id').dataTable(); });
</script>
<table id="table_id">
<thead>
    <tr>
        <th>Column 1</th>
        <th>Column 2</th>
        <th>etc</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Row 1 Data 1</td>
        <td>Row 1 Data 2</td>
        <td>etc</td>
    </tr>
    <tr>
        <td>Row 2 Data 1</td>
        <td>Row 2 Data 2</td>
        <td>etc</td>
    </tr>
</tbody>

考慮事項：

  1. FilePathsとFileNamesが正しいことを確認してください。
  2. jQueryがDataTablesのバージョンに対して十分に新しいことを確認してください
  3. サーバー側の処理でDataTablesを使用することは、他の3つのオプションよりも少し難しいです。
于 2013-03-06T10:35:42.060 に答える