2015-02-04 1 views
0

datatables 1.10 jquery plugin을 사용하여 테이블을 만들려고합니다. 내가 사용하는 것을 시도하고있다 :dataTables가 json 응답 (Ajax에서 올바르게 구문 분석 됨)

$(function(){ 
$('#example').dataTable(
{ 
        "ajax":{ 
          url:"getTicketList.php", 
          "columns": [ 
            { "data": "id" }, 
            { "data": "company" } 
          ] 
        } 
}); 
}); 

및 결과 getTicketList.php

foreach ($ticketList as $k => $v){ 
    $tickets['data'][$a]['id'] = $v['ticket_id']; 
    $tickets['data'][$a]['company'] = $v['listed_company']; 
    $a++; 
} 
echo json_encode($tickets); 

:

{"data":{"1":{"id":"20523","company”:”Acme Inc”},”2”:{“id":"23148","company”:”Walmart”}}} 

과 HTML :

<table id="example" class="display" cellspacing="0" width="100%"> 
    <thead> 
     <tr> 
      <th>ID</th> 
      <th>Company</th> 
     </tr> 
    </thead> 

그러나 테이블에 데이터가 없습니다. 어떤 생각? 해결

DataTables warning: table id=ticketList - Cannot reinitialise DataTable. For more information about this error, please see http://datatables.net/tn/3 

:이 CHRISV의 제안 나는 이제 다음 오류와 사용 datatables에서 내 첫 번째 시도 .....

입니다. 나는 페이지에 떠있는 약간의 여분의 코드를 가지고 있었다.

+0

JSON은 실제 출력 (실제 사본)의 실제 부분입니까, 아니면 예제로 쓴 것인지요? 나는 다른 견적을 포함하고있다 :'''&' "' –

+0

json은 복사하여 붙여 넣기 였으므로 따옴표의 구문은 정확하다. 실제로 어떤 데이터가 숨겨져 있는지 값을 편집했다. – bart2puck

답변

1

columns 속성은 속성에 중첩되지 않고 .dataTable( 선언에 직접 나타나야합니다.

+0

편집을 참조하십시오. – bart2puck

0

@ChrisV가 맞습니다. 그러면 다음과 같이 바뀝니다.

<code> 
$(function(){ 
$('#example').dataTable(
{ 
        "ajax":{ 
          url:"getTicketList.php" 
        }, 
         "columns": [ 
            { "data": "id" }, 
            { "data": "company" } 
          ] 
}); 
}); 
</code>