让表格数据自动保存

本文介绍了如何在模态框内的表格中输入数据并自动保存。通过在表格中设置监听事件,结合layuiTable的失焦事件,利用JavaScript封装数据并使用POST发送到后台。在控制器端,接收并处理数据,进行条件判断和数据保存操作。每个编辑单元格需对应相应的方法,注意name属性的修改。完成设置后,数据会自动保存,如输入200会自动计算为半价100。
摘要由CSDN通过智能技术生成
开发工具与关键技术:VS     让表格数据自动保存
作者:赖文扬
撰写时间:2019年7月25日

在做项目的过程中,其中有一个模块是在模态框
里面放置table表格的,然后在table表格里面输
入数据,然后自动保存成功。那么要怎样实行这一个
功能呢?首先是在模态框里面放置一个table表格,
然后再用一个function来封装绑定里面的数据,在
模态框里面就放一个table的id就行了,那些查询
出的数据就写在function的封装里面,里面的写法和
查询的写法是一模一样的。
(下面截图)
在这里插入图片描述
然后再到查询的方法里面再写一个监听行单元格的方法,
然后再layuiTable里面写上一个失去焦点事件的方法,
和加上渲染之后的表格,然后就可以在里面写代码了,
一开始用var 来传输要编辑的单元行数据,然后再用
var传输要编辑的单元行数据id,然后再用.post来封装
里面要传过去的id,最后就写要自动保存成功的提示了。
(下面截图)
在这里插入图片描述
页面这边的代码就是这样的。然后再来看看
控制器的代码是怎么写的,首先用pulic ActionResult
写&#

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值