2014-03-04 83 views
0

這是我第一次嘗試jQuery數據表。JQuery數據表不會將數據加載到表中。有任何想法嗎?

我想用php中的數據使用jquery數據表填充html表。

下面的代碼卡在Loading data from server

任何想法我需要做什麼改變,使這項工作?

<link rel="stylesheet" type="text/css" href="css/header.css"> 
<div id="container"> 
<div style="width:680px"> 
<table id="tbDetails" cellpadding="0" cellspacing="0" id="example"> 
<thead style="background-color:#DC5807; color:White; font-weight:bold;font-size:10pt;"> 
<tr style="border:solid 1px #000000"> 
    <th width="5%">ID</th> 
    <th width="10%">Date</th> 
    <th width="10%">Request Status</th> 
    <th width="15%">Requestor FullName</th> 
    <th width="15%">Requestor WorkPhone</th> 
    <th width="15%">Requestor Email</th> 
    <th width="15%">Primary SiteContact</th> 
    <th width="15%">Secondary SiteContact</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td colspan="8" class="dataTables_empty">Loading data from server</td> 
    </tr> 
</tbody> 

</table> 
</div> 
    <div class="spacer"></div> 
</div> 
     <style type="text/css"> 
     @import "jquery/dataTables/media/css/jquery-ui.css"; 
     @import "jquery/datatables/media/css/demo_table.css"; 
     td{padding-right:30px;} 
     .row_selected{color: gray;} 
     </style> 
<script type="text/javascript"> 
$(document).ready(function() { 
    var what = "customer"; 
    /* Init DataTables */ 
    var oTable = $('#example).dataTable({ 
     "bJQueryUI" : true, 
     //"bProcessing" : true, 
     "bServerSide" : true, 
     "sPaginationType" : "RequestID", 
     "sAjaxSource" : "filltable.php", 

     "aoColumns" : [{ 
      "sClass" : "center", 
      "bSortable" : false, 
     }, { 
      "sName" : "RequestID", 
      "mData" : "2" 
     }, { 
      "sName" : "RequestDate", 
      "mData" : "3" 
     }, { 
      "sName" : "RequestStatus", 
      "mData" : "4" 
     }, { 
      "sName" : "RequestorFullName", 
      "mData" : "5" 
     }, { 
      "sName" : "RequestorWorkPhone", 
      "mData" : "6" 
     }, { 
      "sName" : "RequestorEmail", 
      "mData" : "7" 
     }, { 
      "sName" : "PrimarySiteContactDisplay", 
      "mData" : "8" 
     }, { 
      "sName" : "SecondarySiteContactDisplay", 
      "mData" : "9" 
     }], 
     "aaSorting" : [[1, 'RequestDescription']] 
    }) 
}); 
</script> 

提前

某些原因,很多的感謝,也許我的瀏覽器是舊的,它不再讓我點擊Add commnt

Iny任何情況,謝謝指出。我不知道爲什麼它在我的帖子後消失了。

我的代碼有刻度線。

不用說,這不是問題。

Eduardo,請原諒我。出於某種原因,就在今天,這不允許我添加評論。

所以,我在這裏做。也許是老瀏覽器。

我認爲我這樣做的方式應該可以工作。

所以,我真的不知道問題是什麼。

我會嘗試改變你的建議,但不知道這是這裏的解決方案。

回答

0

你缺少一個右引號在這條線 -

var oTable = $('#example).dataTable({ 

它應該是 -

var oTable = $('#example').dataTable({ 
0

你需要返回一個特定格式的服務器的響應,另外,如果報價缺少像@傑伊布蘭查德說,它不會工作。但如果它是一個錯字,也許,你把從你的PHP腳本

"sAjaxSource" : "filltable.php" 

迴響應是不正確的,看看你需要的aaSoring文檔

Server side processing Datatables

而且指定列索引,然後期望的順序

[[1, 'desc']] 
[[1, 'asc']] 

餘did't意識到你正在使用MDATA你列映射到JSON屬性我的壞,如果你想使你的列與您的JSON數據的索引對象你需要設置一個整數,否則它會試圖尋找這樣的事情

{"2":"Your val"} 

設置MDATA與整數會尋找索引,也許這就是爲什麼它停止從服務器步驟加載數據。

http://datatables.net/ref#mData

相關問題