构建layui的tree节点数据

var dat = "";
var max = 0;
function godatasourcemanage() {
	$("#mainFrame").attr("src", "datasource/toList");
};
function changeiframe(id) {
	if (id == 1) {
		$("#mainFrame").attr("src", getContext() + "/experiment/toList");
	} else if (id == 2) {
		$("#mainFrame").attr("src", "http://www.baidu.com");
	} else if (id == 3) {
		$("#mainFrame").attr("src", getContext() + "/datasource/toList");
	} else if (id == 4) {
		$("#mainFrame").attr("src", getContext() + "/datasource/toList");
	}
};

function editsou(dataId) {
	layer.open({
		type : 2,
		title : '数据管理',
		maxmin : true,
		shadeClose : true, // 点击遮罩关闭层
		area : [ '800px', '550px' ],
		content : getContext() + "/datasource/goAdit?dataId=" + dataId
	});
};

function editexp(experimentId) {
	layer.open({
		type : 2,
		title : '实验管理',
		maxmin : true,
		shadeClose : true, // 点击遮罩关闭层
		area : [ '800px', '550px' ],
		content : getContext() + "/experiment/goAdit?experimentId="
				+ experimentId
	});
};

$(function() {
	loadresourcemenu();
	loadtree();
});

function loadresourcemenu() {
	$
			.ajax({
				async : false,
				cache : false,
				type : 'POST',
				dataType : "json",
				url : getContext() + "/datasource/getdatasource",// 请求的action路径
				error : function() {// 请求失败处理函数
					alert('请求失败');
				},
				success : function(data) { // 请求成功后处理函数。
					datasource = eval(data); //
					for (var i = 0; i < datasource.length; i++) {
						// $("#datasources").append("
  • "+datasource[i].enName+"
  • "); $("#datasources") .append( "
  • "); } } }); }; function loadtree() { $.ajax({ async : false, cache : false, type : 'POST', dataType : "json", url : "http://localhost:8080/model-web/experiment/loadexptree",// 请求的action路径 error : function() {// 请求失败处理函数 alert('请求失败'); }, success : function(data) { dat = eval(data); for (var i = 0; i < dat.length; i++) { if (dat[i].level > max) { max = dat[i].level; } } } }); }; /* * layui.use('element', function(){ var element = layui.element; * * }); */ layui .use( [ 'form', 'layedit', 'laydate', 'jquery', 'element', 'tree', 'layer' ], function() { // 独立版的layer无需执行这一句 // var $ = layui.jquery, layer = layui.layer; // //独立版的layer无需执行这一句 var form = layui.form, layer = layui.layer, layedit = layui.layedit, laydate = layui.laydate, layer = layui.layer, $ = layui.$; var element = layui.element; // 生成一个模拟树 var createTree = function(node, start) { // alert(dat); // alert(max); node = node || function() { var arr = []; for (var i = 0; i < dat.length; i++) { if (dat[i].level == 1) { arr.push({ name : dat[i].name, catalogId : dat[i].catalogId, parentId : dat[i].parentId }); } } return arr; }(); start = start || 1; layui .each( node, function(index, item) { if (start < max + 1) { var charr = []; for (var i = 0; i < dat.length; i++) { if (node[index].catalogId == dat[i].parentId) { var child = { name : dat[i].name, catalogId : dat[i].catalogId, parentId : dat[i].parentId, experimentId : dat[i].experimentId }; charr.push(child); } } node[index].children = charr; createTree(charr, index + start + 1); } }); return node; }; layui.tree({ elem : '#demo2', click : function(item) { // 点击节点回调 if ("undefined" != typeof(item.experimentId)) { editexp(item.experimentId); } }, nodes : createTree() }); // layer.msg('hello'); // 触发事件 var active = { setTop : function() { var that = this; var url = ""; if (that.id == 1) { url = getContext() + "/experiment/goAdit" } else if (that.id == 4) { url = getContext() + "/datasource/goAdit" } else { url = getContext() + "/datasource/goAdit" } // 多窗口模式,层叠置顶 layer.open({ type : 2, title : '数据管理', maxmin : true, shadeClose : true, // 点击遮罩关闭层 area : [ '800px', '550px' ], content : url, yes : function() { $(that).click(); }, btn2 : function() { layer.closeAll(); } , zIndex : layer.zIndex // 重点1 , success : function(layero) { layer.setTop(layero); // 重点2 } }); }, }; $('.layui-btn-sm').on('click', function() { var othis = $(this), method = othis.data('method'); active[method] ? active[method].call(this, othis) : ''; }); // layui-btn-sm });

    你可能感兴趣的:(构建layui的tree节点数据)