layui组织架构树形图增删改

 时间:2024-10-18 22:00:47

1、操作按钮使用,可以自己定义,样式在layui里面有按钮样式,定义好了,自己获取当前按钮进行操作

layui组织架构树形图增删改

2、比如删除点击的可以判断是这个按钮弹出提示,再进行调用接口,减少误操作,确认之后触发删除方法,操作这条数据

layui组织架构树形图增删改

3、删除的方法,判断当前有没有下级,既当前这个id是不是父级ID就可以,有父级id说明有子级,没有就执行删除操作返回前端渲染

layui组织架构树形图增删改

4、修改操作,先自定义弹出框,这里孀晏弁钾也是引用layui弹出层加input,弹出之后点击提交再触发接口,把数据提交过去进行修改

layui组织架构树形图增删改

5、修改接口,简单通过id修改这条数据信息,这仅仅是修改文字信息,要是修改父级的id就多一些判断流程,弹出也麻烦点

layui组织架构树形图增删改

6、添加操作,同上把,定义弹出框,把父级id和添加的数据传过去就行了,再在接口添加,简单过滤一下提交的数据

layui组织架构树形图增删改

7、添加方法,吧id当做父级id去添加生成子级就可以了,添加成功,返回前端重新渲染,完成整个操作

layui组织架构树形图增删改
  • PhoenixSuit固件烧录说明
  • 如何通过喵影工厂视频剪辑给视频添加片头
  • 一加手机无法连接电脑
  • GB4调音台的使用教程
  • .bin文件解密方法
  • 热门搜索
    好读书读好书手抄报 手抄报的图案 关于迎新年的手抄报 关于校园的手抄报 关于名著的手抄报 英语手抄报的英文 端午节手抄报文字内容 庆十一手抄报 关于五四运动的手抄报 迎国庆的手抄报