前端-弹出的表单上面,加上一个临时的保存表的处理

效果如上;

第一图的页面: 上面就是普通的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可以设置同步和异步方式,

不同的方式出来的效果可能不一样。

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值