html
<div id="jstree1"> 加載中... </div>
ajax 獲取json的js
var lefttree = null; function getLeftTree() { lefttree = $('#jstree1'); lefttree.data("jstree", false).empty(); lefttree.jstree({ core: { check_callback: true, data: function (obj, callback) { var jsonarray; var paramter = {}; paramter.op = "cms"; paramter.om = "dict"; paramter.action = "dictjson2"; paramter.parentId = parentId; //Loading(); var json = getJson(paramter, false); if (json.result) { jsonarray = json.data; } callback.call(this, jsonarray); //return jsonarray; }, strings: { 'Loading ...': '正在加載...' } }, plugins: ['types', 'dnd'], }); lefttree.jstree().hide_icons(); lefttree.bind("activate_node.jstree", function (e, data) { console.log(JSON.stringify(data.node)); }); }
getJson
function getJson(paramter, async) { var result = ""; try { paramter.timeUnix = new Date().getTime(); $.ajax({ type: "post", url: "/Ajax", data: paramter, dataType: "json", async: async, beforeSend: function (XMLHttpRequest) { }, success: function (json) { result = json; }, complete: function (XMLHttpRequest, textStatus) { }, error: function () { alert("服務器沒有返回數據,可能服務器忙,請重試"); } }); } catch (ex) { alert("出錯了,可能服務器忙,請重試"); bwjsLoadingClose(); } return result; }
json

[{ "id": 0, "text": "根目錄", "state": { "opened": true }, "children": [{ "id": 10000, "text": "系統管理", "parentId": 0, "state": { "opened": false }, "children": [{ "id": 10002, "text": "機構管理", "parentId": 10000, "state": { "opened": false } }, { "id": 10003, "text": "用戶管理", "parentId": 10000, "state": { "opened": false } }, { "id": 10031, "text": "密碼管理", "parentId": 10000, "state": { "opened": false } }] }, { "id": 10004, "text": "年度檢查", "parentId": 0, "state": { "opened": false }, "children": [{ "id": 10032, "text": "油站信息查詢", "parentId": 10004, "state": { "opened": false } }, { "id": 10033, "text": "地區/縣、市年檢信息審批", "parentId": 10004, "state": { "opened": false } }, { "id": 10034, "text": "年檢審批進度查詢", "parentId": 10004, "state": { "opened": false } }, { "id": 10035, "text": "成品油零售企業基本情況", "parentId": 10004, "state": { "opened": false } }, { "id": 10036, "text": "成品油批發企業基本情況", "parentId": 10004, "state": { "opened": false } }, { "id": 10037, "text": "成品油倉儲企業基本情況", "parentId": 10004, "state": { "opened": false } }, { "id": 10038, "text": "加油站基本情況", "parentId": 10004, "state": { "opened": false } }, { "id": 10039, "text": "成品油銷售比例圖", "parentId": 10004, "state": { "opened": false } }, { "id": 10040, "text": "成品油銷售趨勢圖", "parentId": 10004, "state": { "opened": false } }, { "id": 10041, "text": "未提交年檢信息查詢", "parentId": 10004, "state": { "opened": false } }, { "id": 10050, "text": "油站信息錄入", "parentId": 10004, "state": { "opened": false } }, { "id": 10051, "text": "年檢信息錄入", "parentId": 10004, "state": { "opened": false } }] }, { "id": 10005, "text": "銷售統計", "parentId": 0, "state": { "opened": false }, "children": [{ "id": 10042, "text": "油站銷售錄入", "parentId": 10005, "state": { "opened": false } }, { "id": 10043, "text": "銷售量查詢", "parentId": 10005, "state": { "opened": false } }, { "id": 10044, "text": "月銷售量統計", "parentId": 10005, "state": { "opened": false } }, { "id": 10045, "text": "年銷售量統計", "parentId": 10005, "state": { "opened": false } }, { "id": 10046, "text": "未提交銷量信息查詢", "parentId": 10005, "state": { "opened": false } }] }, { "id": 10048, "text": "消息管理", "parentId": 0, "state": { "opened": false }, "children": [{ "id": 10049, "text": "事件提醒", "parentId": 10048, "state": { "opened": false } }] }, { "id": 10030, "text": "系統設置", "parentId": 0, "state": { "opened": false }, "children": [{ "id": 10001, "text": "菜單管理", "parentId": 10030, "state": { "opened": false } }, { "id": 10008, "text": "數據字典", "parentId": 10030, "state": { "opened": false } }, { "id": 10006, "text": "角色管理", "parentId": 10030, "state": { "opened": false } }] }] }]
js刷新
lefttree.jstree(true).refresh();