Question

好吧，我已经从DataTables.net下载了必要的文件，但我正在努力将其实际放入我的网站。我究竟如何参考它？他们的网站说

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

负责初始化，但显然需要引用代码（例如我引用javascript的方式）：

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

有人可以给我一些指示吗？我理解这是一个简单的问题，但我有点迷失，并且浏览他们的网站并没有给我太多帮助，因为它似乎主要集中在实际使用包。

Answer 1

这是我如何将jQuery dataTables绑定到Web项目中：

1）首先需要引用jQuery，因为DataTables是一个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的方式。 You have 4 options：DOM，JavaScript数组，JSON对象，ServerSide处理。如果你只是想测试你的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>

考虑：

确保您的FilePaths和FileNames正确无误。
确保您的jQuery对您的DataTables
使用DataTables进行服务器端处理比其他3个选项要困难一些。

需要帮助在我的网站中集成DataTables

1 个答案: