2013-03-06 51 views
1

好吧,我已經從DataTables.net下載了必要的文件,但是我正在努力將其實際應用到我的網站中。我究竟如何引用它?他們的網站上說需要幫助在我的網站上集成DataTables

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

注意到初始化的照顧,但顯然需要的代碼來引用(像我如何引用例如JavaScript的):

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

有人能不能給我一些指點與此?我知道這是一個簡單的問題,但我有點迷路,經歷他們的網站並沒有給我太多的幫助,因爲它似乎主要集中在實際使用該軟件包。

回答

1

這裏就是我如何綁定jQuery數據表到Web項目:

1)首先jQuery的需要被引用,因爲數據表是一個jQuery插件。沒有jQuery DataTables將無法正常工作。

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

2)可引用的數據表插件:

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

3)你婉使用數據表何種方式決定。 You have 4 options:DOM,JavaScript數組,JSON對象,ServerSide處理。 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. 確保您的文件路徑和文件名是否正確。
  2. 確保您jQuery是您的DataTables
  3. 使用數據表與服務器端的處理版本足夠新的比其他3個選項有點困難。