效果如上;
第一图的页面: 上面就是普通的html,需要点击编辑 弄一下跳转的链接,点击就会过去了。数据的交互,通过js。
1.点击的哪一行,需要传递一个id,在js中需要解析这个id。
2.保存的时候,需要是一个json数据,下面的序号和处置卡名称,主要负责人,不是作为一个表,没有表id的,需要把里面的
数据取出来,编成字符串的格式。(不是固定的,主要的是后台dto的数据接口,对于下表数据的处理就是string)。
保存的操作,主要通过parm这个对象,只需要把parm类中的各个字段都设置成dto所需要的数据即可,不符合数据类型的需要进行一下数据类型的转换。 通过ajax发送的,设置路径,传入的信息源,我这里叫parm,也可以是一个数组,或者其他。
我们保存的时候结束的时候,调用layui的close方法,点击后这个保存的页面就消失。
3.对每一行数据表的编辑操作,需要传入一个这一行表的id。
需要写一个监听操作,这个表上的什么操作,触发了什么事件; table.on('tool(' + listid +')',_event.tool);
这些代码都需要放在layui use 模板的下面,不然获取不到 table对象。无法对tale对象进行操作。
点编辑的时候会跳出一个页面,用table.render 可以弹出一个表。。。
如果数据来源是从数据库来的,那么表的里面的fieldid需要 和数据库设计的 字段名字保持一致。
如果数据来源不是从数据库来的,那么表的里面的fieldid需要和自己设计的表的name名字保持一致。
4.列表的数据是从数据库里面来的,需要发送ajax请求。调用数据的接口。ajax可以设置同步和异步方式,
不同的方式出来的效果可能不一样。