layui做树形表格,checkbox可勾选添加删除,对指定的td可编辑

前言

新的项目需求是要做一个菜单权限的界面--弹框界面,界面里面是树形表格,然后表格要有checkbox去控制菜单的添加、删除。可修改菜单名字。百度查了一下,layui有拓展的组件treetable,要下载js。但是我下载的treetable.js源码不是很理解,表格里面的checkbox实现勾选就添加,反之就删除这个事件不知道怎么处理,只好自己写一个了。有些粗糙,当做一个笔记好了。

 

layui做树形表格,checkbox可勾选添加删除,对指定的td可编辑_第1张图片

 

 

放代码

html

菜单名称 上级菜单 菜单别名

js


后台返回的数据格式

 

layui做树形表格,checkbox可勾选添加删除,对指定的td可编辑_第2张图片

你可能感兴趣的:(layui,前端学习笔记)