appendgrid - Rasterdaten als JSON-Objekt anstelle der regulären Serialisierung abrufen

Question

In dem hier aufgeführten Beispiel, wie kann ich die Rasterdaten als JSON erhalten?

Reference Link

Die JQuery Serialize funktioniert, aber es wäre schön, wenn ich in der Lage bin jede Zeile als JSON-Objekt zu erhalten, so kann ich die Daten analysiert.?

Answer 1

Mit der Funktion .appendGrid('getAllValue') können Sie die Rasterdaten als JavaScript-Objekte abrufen. Sie können sie direkt analysieren oder als JSON kodieren.

Beispiel:

var data = $('#tblAppendGrid').appendGrid('getAllValue') gibt einen Array, wobei jedes Element die Daten aus einer Tabellenzeile als Objekt ist.

data[0] wird die erste Zeile sein.

JSON.stringify(data) wird ein JSON-String mit allen Daten von Ihrem Tisch seiner

Answer 2

Sie können nur JQuery Serialize verwenden, um die seriesed Zeichenfolge zu bekommen und dann verwenden, um die Hilfsfunktion uri_decoder es zu einem Objekt zu entschlüsseln.

var decode, seriesed, uri_decoder; 

seriesed = "a=1&b=2&c=3&d=4&e=5"; 

uri_decoder = function(component_unpacker) { 
    if (component_unpacker == null) { 
    component_unpacker = (function(s) { 
     return s; 
    }); 
    } 
    return function(str) { 
    var d, i, j, k, len, ref, ref1, ref2, s, v; 
    d = {}; 
    ref1 = (ref = str.match(/[^?=&]+=[^&]*/g)) != null ? ref : []; 
    for (i = 0, len = ref1.length; i < len; i++) { 
     s = ref1[i]; 
     ref2 = s.match(/([^=]+)=(.*)/), j = ref2.length - 2, k = ref2[j++], v = ref2[j++]; 
     d[decodeURIComponent(k)] = component_unpacker(decodeURIComponent(v)); 
    } 
    return d; 
    }; 
}; 

decode = uri_decoder(); 

console.log(json(decode(seriesed))); 

versuchen diesen Code here

diese util von this Projekt zur Verfügung gestellt.

Answer 3

Sie können Element zur Laufzeit erstellen, gemäß der JSON-Objektlänge, die Sie für jede oder für eine einfache Schleife verwenden müssen, und die JSON-Daten bis zur Länge wiederholen.

Like:

for(var i=0; i<=json_object.length; i++) { 
console.log(json_object.user[i].name); var ele_block = 
document.createElement('div'); $(ele_block).addClass("block"+i); 
ele_block.appendChild(block_name); 
$("#name_block").append(ele_block);   
} 

ein Element erstellen, in dem die neu erzeugten Daten hinzugefügt werden.

<div id="name_block"></div>