在使用datagrid時,有時候需要從兩個不同的json文件中獲取數據,然后在datagrid中進行展示。下面我們來介紹一下具體的實現方法。
首先,我們需要從第一個json文件中獲取數據。可以使用jQuery庫中的$.get函數來獲取json數據:
$.get("json1.json", function(data) { // 獲取到json數據后可以進行后續(xù)操作 });
其中,json1.json是第一個json文件的路徑。獲取到數據后,我們可以將其存儲到一個變量中,例如:
var data1; $.get("json1.json", function(data) { data1 = data; });
接下來,我們需要從第二個json文件中獲取數據。同樣地,可以使用$.get函數:
var data2; $.get("json2.json", function(data) { data2 = data; });
同樣地,獲取到數據后可以進行存儲。在獲取完兩個json數據后,我們需要將它們合并在一起,形成一個新的json數據(或者二維數組)。在這個過程中,需要注意json格式的問題,需要保證兩個json數據格式一致。例如:
var data = { "rows": [] }; for(var i = 0; i< data1.rows.length; i++) { data.rows.push(data1.rows[i]); } for(var i = 0; i< data2.rows.length; i++) { data.rows.push(data2.rows[i]); }
在上面的代碼中,我們創(chuàng)建了一個新的json數據,將data1和data2中的rows屬性合并到其中。最后,我們就可以使用這個新的json數據來初始化datagrid了:
$('#datagrid').datagrid({ data: data });
最終的完整代碼如下:
var data1, data2; $.get("json1.json", function(data) { data1 = data; }); $.get("json2.json", function(data) { data2 = data; }); var data = { "rows": [] }; for(var i = 0; i< data1.rows.length; i++) { data.rows.push(data1.rows[i]); } for(var i = 0; i< data2.rows.length; i++) { data.rows.push(data2.rows[i]); } $('#datagrid').datagrid({ data: data });
通過上述方法,我們就可以輕松地實現從兩個不同的json文件中獲取數據,并在datagrid中進行展示。