layui tree 动态选中_.Net MVC 动态生成LayUI tree

本文介绍如何在.Net MVC项目中结合LayUI动态生成Tree,并实现树节点的点击事件。通过创建`treeEntity`实体类,遍历数据生成JSON,利用layui.tree插件展示树形结构,同时在JS中定义`SetTree`函数处理Ajax请求及点击事件。
摘要由CSDN通过智能技术生成

最近在做项目的过程中需要用到Tree插件,所以找了一堆Tree发现LayUI的Tree样式比较好看,所以开始搞!

1.Layui部分

1.1 首先引用文件是必不可少的:(依赖于Jquery)

1.2 Js部分function SetTree() {

layui.use('tree', function () {

var tree = layui.tree;

$.ajax({

type: "POST",

url: "/CmdSite/GetTreeEntity",

data: {},

success: function (result) {

var inst1 = tree.render({

elem: '#menuTree',

id: 'tree',

data: JSON.parse(result),

isJump: true,//以下配置项参考Layui Tree 官方文档

showLine: true,

onlyIconControl: true,

accordion:false,

click: function (obj) {

var data = JSON.stringify(obj.data);//这里是点击获得数据

var jsonData = JSON.parse(data);

}

});

},

error: function (e) {

conso

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值