2017-03-26 1 views
-2

js 생성 데이터 소스로 JQuery 데이터 테이블을 만들려고합니다. 이 같은JQuery 데이터 테이블 객체 데이터 소스가 작동하지 않습니다.

table1.DataTable({ 
    "ajax": dataSource, 
    "columns": [ 
     { 
      "className": 'details-control', 
      "orderable": false, 
      "data": null, 
      "defaultContent": '' 
     }, 
     { 
      "orderable": true, 
      "data": "a", 
      "defaultContent": '' 
     }, 
     { 
      "orderable": true, 
      "data": "b", 
      "defaultContent": '' 
     }, 
     { 
      "orderable": true, 
      "data": "c", 
      "defaultContent": '' 
     }, 
     { 
      "orderable": true, 
      "data": "total", 
      "defaultContent": '' 
     } 
    ], 
    "paging": false, 
    "bInfo": false, 
    "bFilter": false, 
    "order": [ 
     [1, "asc"] 
    ] 
)}; 

내가 조작 시도 데이터 소스 :

[ 
    { 
    "a": -817, 
    "b": null, 
    "c": "Default", 
    "total": -817 
    }, 
    { 
    "a": -21, 
    "b": 12, 
    "c": "Default", 
    "total": -897 
    } 
] 

그리고이 데이터 테이블 :

  • JSON.stringify (데이터 소스)
  • 추가

    나는이 객체가 배열 ({data : datasource}) 앞의 필드와 ajax 변경 sick to : "ajax": { "url": 데이터 소스, "dataSrc": "data"} 문자열이 있거나 없음

아무 것도 작동하지 않는 것 같습니다.

도와주세요

감사합니다, 이도는

답변

1

그것은 당신의 데이터 객체가 datatables의 올바른 형식이 아닌 것 같다, 그것은 다음과 같아야합니다

{ 
    "data": [ 
    { 
     "name": [ 
     "Nixon", 
     "Tiger" 
     ], 
     "hr": [ 
     "System Architect", 
     "$320,800", 
     "2011/04/25" 
     ], 
     "office": "Edinburgh", 
     "extn": "5421" 
    }] 
    } 

는 데이터 객체가 그 그것을 모두 감쌌다.

Fiddle과 데이터에 액세스하는 방법을 살펴보십시오.

+0

감사합니다. 그러나 문제는 거의 해결되었습니다. 내 문제를 시뮬레이트하기 위해 바이올린을 변경했습니다. https://plnkr.co/edit/EmjE11nnx8amkBTiBK2t?p=preview 인라인 데이터를 생성해야합니다 (개체의 일부 임). –

+1

시도해보십시오. https://plnkr.co/edit/YZxiSjslpSOApypi2GUQ?p=preview –

+0

예 ... 객체 조작을 피하고이 값 배열을 만들려고했습니다. 다른 옵션이 없다면 그렇게 할 것입니다. 감사. –

관련 문제