上一篇内容已经说了怎么渲染表格数据,下面来看看怎么增删改数据,还得做父级判断,通过ajax实现数据操作;每一步操作自己可以重新走流程,看看自己的需求
工具/原料
1
ajax+layui.js
2
调用方法操作
方法/步骤
1
操作按钮使用,可以自己定义,样式在layui里面有按钮样式,定义好了,自己获取当前按钮进行操作
2
比如删除点击的可以判断是这个按钮弹出提示,再进行调用接口,减少误操作,确认之后触发删除方法,操作这条数据
3
删除的方法,判断当前有没有下级,既当前这个id是不是父级ID就可以,有父级id说明有子级,没有就执行删除操作返回前端渲染
4
修改操作,先自定义弹出框,这里也是引用layui弹出层加input,弹出之后点击提交再触发接口,把数据提交过去进行修改
5
修改接口,简单通过id修改这条数据信息,这仅仅是修改文字信息,要是修改父级的id就多一些判断流程,弹出也麻烦点
6
添加操作,同上把,定义弹出框,把父级id和添加的数据传过去就行了,再在接口添加,简单过滤一下提交的数据
7
添加方法,吧id当做父级id去添加生成子级就可以了,添加成功,返回前端重新渲染,完成整个操作
注意事项
1
注意操作方法可以自定义,比如禁用等其他功能,只要判断点击到那个标签触发哪种方法
2
注意删除要判断有没有下级,成功之后重新渲染
下一篇:一个此加一个言念什么