2016-10-06 5 views
1

ich Anforderung haben, wo ich Daten in HTML zeigen müssen in der Struktur folgendeDynamische Tabellen Bindung mit JSON und jQuery

-------------------------------- 
day1 | day2 | day3 | 
--------------------------------- 
123  | 323  | 12389 
233  | 34234 | 23234 

Anzahl der Tage sind nicht festgelegt. Variablen meines Java-Objekts enthalten eine Karte. Der Schlüssel dieser Karte ist nein. von Tag z.B. Tag1, Tag2 usw. und Wert enthält eine Liste von ID, z. 1231,5657,26252 usw.

Map<String, List<String>> map = new HashMap<String, List<String>>() 

Wie kann ich diese mit Datentabelle oder einfache jQuery ziehen. Ich glaube, zur Zeit Daten Tabelle nicht dynamische Spalte Bindung erlaubt .. :(

+0

Ich habe einige Fragen: 1. Sind die Listen-ID-Größe alle gleich ?, 2.Was meinst du mit zeichnen, Sie plotten es mit System.out.print? Oder ein Servlet zu drucken? Oder jsp? 3 Sind Sie bereit, 3 Personen Bibliothek zu verwenden? – PSo

+0

definieren * "dynamische Spaltenbindung" * – charlietfl

+0

@ PSo Listengröße nicht gleich – user2488166

Antwort

0

Sie so etwas wie dies versuchen. Ich habe nur einen Code nur geschrieben, aber ohne kompilieren. Bitte geben Sie die Logik und Test in Ihrer Umgebung erhalten.

$.ajax({ 
    "url": 'your_url', 
    //Get your json response 
    "success": function(json) { 
     //Assume you received response like this 
     var days = { 
      "day1": ["123", "233"], 
      "day2": ["323", "34234"], 
      "day3": ["12389", "23234"], 
      ...... 
     } 

     var columns = []; 
     var dtable = []; 
     for(var key in days){ 
      columns.push({ title: key}); 
      dtable.push(days(key)); 
     } 

     var params = { 
       data: dtable, 
       columns: columns 
     }; 
     $('#your_datatable_id').dataTable(params); 
    } 
}); 
+1

Dank @Tharsan SivaKumar – user2488166

+0

Wenn es Ihr Problem gelöst hat, warum nicht Sie wählen und als gültige Antwort akzeptieren:) –