appendgrid - 將網格數據作爲JSON對象而不是常規序列化

Question

在此處列出的示例中，如何將網格數據作爲JSON獲取？

Reference Link

jQuery的序列化的工作，但如果我能得到的每一行作爲一個JSON對象這將是很好，這樣我就可以分析數據？

Answer 1

您可以使用.appendGrid('getAllValue')函數將網格數據作爲javascript對象獲取。您可以直接解析它們或將它們編碼爲JSON。

實施例：

var data = $('#tblAppendGrid').appendGrid('getAllValue') 返回一個陣列，其中每個元素是從一個錶行作爲對象的數據。

data[0]將成爲第一行。

JSON.stringify(data)將是一個JSON字符串的所有數據從表

Answer 2

你可以只使用JQuery序列化來獲取seriesed字符串，然後使用輔助函數uri_decoder將其解碼的對象。

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))); 

嘗試這些代碼here

這個UTIL由this項目提供。

Answer 3

您可以在運行時創建元素，按照JSON對象的長度，您必須爲每個或簡單的for循環使用，並將json數據迭代到最大長度。

喜歡：

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);   
} 

創建其中將新生成的數據將被添加的元素。

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