EasyUI是一個非常實用的前端UI庫,提供了許多可重復使用的用戶界面元素,如表單、數據表、樹等。在使用EasyUI時,我們經常需要將它提供的數據轉換為JSON格式。下面介紹EasyUI轉JSON的方法。
var data = $('#datagrid').datagrid('getData'); var json_data = JSON.stringify(data);
上面的代碼演示了如何將EasyUI數據表格的數據轉換為JSON格式。首先使用datagrid('getData')
方法獲取EasyUI數據表格的數據,返回一個JavaScript對象。接著將JavaScript對象使用JSON.stringify()
方法轉換為JSON字符串。
如果需要更復雜的JSON格式,可以使用JSON.parse()
方法手動構建JSON對象。比如,下面的代碼演示了如何將EasyUI樹形控件的數據轉換為JSON格式。
var nodes = $('#tree').tree('getRoots'); var json_data = []; for (var i = 0; i < nodes.length; i++) { json_data.push(parseTreeNode(nodes[i])); } function parseTreeNode(node) { var json_node = { id: node.id, text: node.text, children: [] }; var children = $('#tree').tree('getChildren', node.target); for (var i = 0; i < children.length; i++) { json_node.children.push(parseTreeNode(children[i])); } return json_node; } var json_str = JSON.stringify(json_data);
上面的代碼演示了如何將EasyUI樹形控件的數據轉換為JSON格式。首先使用tree('getRoots')
方法獲取EasyUI樹形控件根節點的數據,返回一個JavaScript數組。接著使用循環和遞歸構建JSON對象,最終使用JSON.stringify()
方法將JSON對象轉換為JSON字符串。