easyui表格是一類非常方便的jQuery插件,它能夠幫助我們快速地構建出一個漂亮而功能強大的數據表格。有時候,我們需要把這個表格中的數據轉換成JSON對象,以便于在網頁中使用。下面,我們就來看一下如何把easyui表格轉為JSON對象。
function GetTableData() { var rows = $("#table").datagrid("getRows"); // 獲取表格中的所有行 var data = []; // 存放轉換后的JSON數據 for (var i = 0; i< rows.length; i++) { var row = rows[i]; data.push({ // 將表格中的每一行轉換成JSON對象 "id": row.id, "name": row.name, "age": row.age, "gender": row.gender }); } return data; }
在上面的代碼中,我們通過調用easyui表格的getRows()
方法,獲取到了表格中的所有行。然后,我們通過一個循環,將每一行都轉換成了一個JSON對象,并存放在了data
數組中。最后,我們將這個數組作為函數的返回值,從而獲得了easyui表格的JSON數據。
需要注意的是,如果你的easyui表格中有分頁,那么上述代碼只能獲取到當前頁的數據。如果你要獲取所有頁的數據,你需要進行一些額外的處理。同時,由于表格結構的不同,你還需要根據自己的實際情況進行一些調整。