javascript - How to get the key of ajax response array in order to build up header of datatable? -

-

i have $.post query, retrieving json data ajax response. issue want load data in datatable , header of table need created dynamically.

my json data comes in format:

[{"id":"11105","name":"gummy drop (iphone, free, row except cn, 72.3mb, w"},{"id":"11107","name":"gummy drop (ipad, free, row except cn, 72.3mb, w\/ "},{"id":"4274","name":"z-redirect non-targeted traffic dragon city mobile"},{"id":"6484","name":"z-redirect non-targeted traffic dragon city mobile"}]

as can see, 2 keys id , name. want 2 keys , use header column unable so.

here's code:

$(document).ready(function() {     window.prettyprint() && prettyprint();       $('#load').click(function()     {         var v = $('#drp_v').val();         var cnt = $('#drp_cnt').val();         var ctg = $('#drp_ctg').val();         alert("version :"+v+" category :"+ctg+" country :"+cnt);         $.post("ajax.php",{'version':v,'category':ctg,'country':cnt,'func':'show_datatable'},                         function(data)                         {                             var acolumns = [{ stitle: "week"}, { stitle: "winkelformule" }];                             var otable = $('#jsontable').datatable({                                 "columns":acolumns,                                 "sdom": 't<"clear">lfrtip',                                     "otabletools": {                                          "abuttons": [                                                {                                                     "sextends": "csv",                                                     "sbuttontext": "csv",                                               }                                         ]                                     }                              });                             otable.fncleartable();                             alert(data);                             for(var = 0; < data.length; i++)                              {                                  otable.fnadddata([                                             data[i].id,                                             data[i].name                                                    ]);                                                                   } // end                         },'json');     }); });

as can see line:

var acolumns = [{ stitle: "week"}, { stitle: "winkelformule" }]; creating <thead>.

now 2 issues are:

a) want use keys on here thead can dynamic.

b) secondly, can see initialising datatable upon ajax call. means every time ajax called, datatable initialised. want eliminate that. want datatable initialised once, <thead> created each time ajax call fired. know create <thead> during initialisation of datatable.

object.keys looking for.

response = $.post(your_ajax_paage) acolumns = [{ stitle: "week"}, { stitle: "winkelformule" }];  registerredkeys = []; for(i = 0; i<response.length; i++){       keycolumns = object.keys(response[i]); //get keys of each object       for(j = 0; j < keycolumns.length; j++){           if($.inarray({stitle: keycolumns[j]},registerredkeys)<=0){                acolumns.push({stitle: keycolumns[j]}) //checks if                 registerredkeys.push( keycolumns[j]);           }       } }

then render acolumns. solves problem a. problem b need craft json response can keys before hand otherwise you'd end initializing thead on , overagain because don't know data. keep running list see if new columns have been registered. (make previouskeys public , run after above piece of code.

if(object.tojson(registerredkeys) === previouskeys){      //ignore  }else{    previouskeys = object.tojson(registerredkeys)    //render new thead }

Comments

Post a Comment

Popular posts from this blog

matlab - "Contour not rendered for non-finite ZData" -

-
i'm trying plot frequency characteristic equation using ezplot, matlab gives following warning, "contour not rendered non-finite zdata". have used command plot frequency equations warning , plot display empty , not change axis range well. can please help. appreciated. here's code i'm using. % transfer matrix case-i, thin rotor clear all; clc; ei = 1626; l = 0.15; m = 0.44108; = 2.178*10^-4; i_p = 2.205*10^-5; itr = 0.24; i_pr = 0.479; syms p n; f = [1 l*1i l^2/(2*ei)*1i l^3/(6*ei); 0 1 l/ei -l^2/(2*ei)*1i; 0 0 1 -l*1i; 0 0 0 l]; p = [ 1 0 0 0; 0 1 0 0; 0 -it*p^2+i_p*n*p 1 0; -m*p^2 0 0 1]; p_r = [1 0 0 0; 0 1 0 0; 0 -itr*p^2+i_pr*n*p 1 0; -m*p^2 0 0 1]; = f*p*f*p*f*p*f; b = p_r*f*p*f*p*f; r = a(1,2)/a(1,4); a12_p = 0; a22_p = a(2,2)-r*a(2,4); a32_p = a(3,2)-r*a(3,4); a42_p = a(4,2)-r*a(4,4); ap(2,2) = a22_p; ap(3,2) = a32_p; ap(4,2) = a42_p; ap(4,4) = 1; c = b*ap; m = [c(3,2) c(3,4); c(4,2) c(4,...
Read more

delphi - Indy UDP Read Contents of Adata -

-
i using indy udp server read string of data. however, not know how work adata parameter. can around converting binary using bytetobin function below , convert hex using bintohex1 . feel stupid , works slow. know how can directly results without 2 conversions? thanks!! here codes: procedure tform1.idudpserver1udpread(athread: tidudplistenerthread; const adata: tidbytes; abinding: tidsockethandle); var buf: tidbytes; buffer: string; data_received: string; begin if bytestostring(adata) <> 'hello' begin buffer := hextostring('00'); setlength(buf, length(buffer)); copytidstring(buffer, buf, 0); abinding.sendto(abinding.peerip, abinding.peerport, buf); data_received := bintohex1(bytetobin(adata[1]) + bytetobin(adata[2]) + bytetobin(adata[3]) + bytetobin(adata[4]) + bytetobin(adata[5]) + bytetobin(adata[6]) + bytetobin(adata[7]) + bytetobin(adata[8]) + bytetobin(adata[9]) + bytetobin(adata[10]) + bytetobin(adata[11...
Read more

javascript - Any ideas when Firefox is likely to implement lengthAdjust and textLength? -

-
any ideas when firefox implement lengthadjust andtextlength?..... working svg application. lengthadjust , textlength working fine in chrome not working in fire fox . <svg viewbox = "0 0 500 300" version = "1.1"> <defs> <path id="s3" d="m 10,90 q 100,15 200,70" /> </defs> <g> <text font-size = "20"> <textpath xlink:href="#s3" textlength="205"> short text</textpath> </text> <use xlink:href="#s3" fill="none" stroke="black" stroke-width="1"/> </g> </svg> this implemented in firefox text elements (not textpath or tspan) in case that's ok though can move attribute text element. <svg viewbox = "0 0 500 300" version = "1.1"> <defs> ...
Read more