EasyUI Tree 是一種方便易用的樹形結構控件,它可以輕松地將樹形數據以 JSON 數據的形式保存。下面我們來看一下具體的實現方法。
//創建 EasyUI Tree 對象 $('#tree').tree({ //數據源 url: '/getTree', //啟用復選框 checkbox: true, //保存數據的回調函數 onCheck: function (node, checked) { //獲取已選中的節點 var checkedNodes = $('#tree').tree('getChecked'); //將已選中的節點轉換為 JSON 數據 var checkedNodesJSON = JSON.stringify(checkedNodes); //將 JSON 數據保存到后臺數據庫中 $.ajax({ url: '/saveTree', type: 'post', data: {data: checkedNodesJSON}, dataType: 'json', success: function (data) { if (data.result == 1) { alert('已成功保存數據'); } else { alert('保存數據失敗,請稍后再試'); } }, error: function () { alert('保存數據失敗,請稍后再試'); } }); } });
通過以上代碼,我們可以創建出一個帶有復選框的 EasyUI Tree,并且將已選中的節點轉換為 JSON 數據進行保存。需要注意的是,保存數據的過程需要通過 AJAX 方式向后臺服務器發送請求。
接下來,我們就可以在后臺服務器中獲取前端傳來的 JSON 數據,并將其保存到數據庫(如 MySQL、MongoDB、Oracle 等)中。具體的實現方式則需要根據實際情況及后臺技術選型進行選擇。
上一篇c 將json轉換成對象
下一篇python 深讀拷貝