Layui数据表格判断编辑输入的值,是否为我需要的
因为很多使用layui插件做的表格都需要用到layui的表格编辑事件,编辑事件是可以随意输入值的,如果当我们的字段为数量的时候,又需要获取到数量传进控制器进行数据处理的时候,而控制器接收的数量为int类型。倘若我输入的数量不是整数类型,那么就无法传进控制器,直接报404,找不到url中的方法
所有在使用重载前,最好先对用户输入的值进行一下判断,判断是否符合条件,允许传进控制器
比如我项目中的表格
我这个项目要求是,当用户输入的数量大于该商品在该仓库的库存时,就会提醒用户,并且将数量的值,返回为用户编辑前的值。
那么其中需要获取到用户还未编辑时的值,这个是最重要的
所以如何获取到这个数据呢,这里可以使用layui的监听表头工具事件
oldQuantity就是用户编辑前的值了,
为什么说他是编辑前的值???
因为这个方法,是在点击表头为数量的单元格时,就会触发,然后获取表中的数据
而layui的表格编辑事件是当用户写完后,点击空白才会触发,就是因为这个先后的问题,所以使oldoldQuantity就成为了之前的旧的数据
那么接下来就是使用layui中的编辑监听事件进行对数据的处理判断
我这里有2个if判断,第一个是用于判断用户输入的值是否大于库存,如果是,则执行
第二个是如果用户输入的是字母或者是符号亦或者空(””)则执行
Obj.update是个方法,原来修改该行数据中字段的名称,只是缓存的数据
所以还得使用重载,重新导入一下数据,重载中的Data就是重载回调的数据
然后传进去后再传出来就可以了
第二个if判断中的方法也是一样的思路
所以再当我们去输入字母、符号的时候就会提示你“输入的数量只能为整数”
以上这篇Layui数据表格判断编辑输入的值,是否为我需要的类型详解就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程