前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Layui表格单元个编辑事件

Layui表格单元个编辑事件

作者头像
PHY_68
发布于 2020-09-16 06:35:53
发布于 2020-09-16 06:35:53
2.2K00
代码可运行
举报
文章被收录于专栏:laopan技术分享laopan技术分享
运行总次数:0
代码可运行

Layui表格单元个编辑事件

开发工具与关键技术:MVC

作者:盘洪源

撰写时间:2019年6月26日星期三

在做到一个页面的时候我需要做到一个需求就是改变表格里面的字段为数量的单元格的数量然后后面的金额就会自动刷新。

我做的这个效果可能不是很好,就是因为这个我改变过后的数量一样要保存的这条数据上,数量也是一样,所以我这个效果就是改变数量后然后把数量传到后台再通过一个计算把金额计算出来再刷新表格,从而达到一个刷新金额的效果,就是这个效果可能会有点不怎么好看,就是刷新表格的时候会闪一下,这个效果有点不好。

首先就是要了解laui表格的单元格编辑事件

这是layui官网对单元格编辑的解说。

以下这个是我做的这个例子,就是通过获取到改变后单元格的值,然后通过post提交把数据传到后天,然后进行剩下的操作。

//主页面表表格单元格编辑改变事件

代码语言:javascript
代码运行次数:0
运行
复制
layuiTable.on('edit(Adjustment)', function (obj) {

                    //console.log(obj.value);
//得到修改后的值

                    //console.log(obj.field);
//当前编辑的字段名

                   // console.log(obj.data); //所在行的所有相关数据  

                    var data = obj.data;

                    var CommodityDetailID =
data.CommodityDetailID;

                    var value = obj.value;

                   
$.post("/OtherAffiairs/Adjustment/Savesession", {
CommodityDetailID: CommodityDetailID, value: value }, function (msg) {

                        if (msg.State == true)
{

                            Adjustment =
layuiTable.reload("Adjustment", {

                                url:
"/OtherAffiairs/Adjustment/SessionShop"

                                

                            })

                        }

                    })

                })

把数量改变后的值传到后台,这就简单多了,然后就通过原价剩余数量就可以得到金额了,

代码语言:javascript
代码运行次数:0
运行
复制
item.TotalMoney
= values * item.DropPrice;

然后就是将你的这条数据的数量和金额都需要改变以下,然后再进行一个表格的刷新就行。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019/06/27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
一款二次元的Web多人在线网络聊天系统:Fiora安装及使用
说明:Fiora是一款偏二次元的Web多人在线聊天应用,使用Node.js、Mongodb、Socket.io和React编写,使用起来还行,挺简洁的,这里水个搭建教程,有兴趣的可以玩玩。
星泽V社
2022/05/30
1.1K0
一款二次元的Web多人在线网络聊天系统:Fiora安装及使用
一款二次元的Web多人在线网络聊天系统:Fiora安装及使用
说明:Fiora是一款偏二次元的Web多人在线聊天应用,使用Node.js、Mongodb、Socket.io和React编写,使用起来还行,挺简洁的,这里水个搭建教程,有兴趣的可以玩玩。
用户8851537
2021/07/31
2.4K0
使用Docker搭建DPlayer视频弹幕接口API后端
说明:之前有同学要求博主出个DPlayer弹幕后端搭建教程,刚好本博客的Handsome主题更新并完美适配了Dplayer,然后就研究了下,发现了点小问题,如作者提供的弹幕API加载不出弹幕,而且Typecho当中的Dplayer插件有点旧无法对接V3后端,不知道其它程序插件是不是这样,这里博主只能使用HTML代码直接输出调用,经测试已完全正常加载弹幕和观看。这里就说下搭建及使用方法。
子润先生
2021/06/01
2.8K1
一个支持多用户的在线书签管理系统:My-BookMark
明:之前一直想找个书签系统,然后最近发现了个My-BookMark,用了下还不错,总算不用经常重复在不同电脑或者浏览器上备份书签了,该工具可以整合多个浏览器上的书签,对于快速搜索某个时间段的书签起到便捷式的作用,有效的避免了你在重装系统和更换浏览器上对书签的备份,无法整合分类和在其他地方上网时无法查看自己的书签!无论你在何时何地都可以查看搜索自己收藏的书签数据,安装也是很简单的,有需求的可以玩玩。
子润先生
2021/05/29
1.3K0
【玩转腾讯云】快速搭建私有文档编辑系统 支持Markdown
TopDocs 是一个开源的基于graphql、nuxtjs、mongodb、keystonejs的实时在线文档编辑系统,可用作各种在线文档编辑和展示,支持markdown语法。
用户7148954
2020/04/07
2.3K0
【玩转腾讯云】快速搭建私有文档编辑系统 支持Markdown
Lstu:一款简单、美观的轻量级网址缩短程序
说明:Lstu是一个使用Perl编写的轻量级短网址程序,还提供api、二维码生成、统计面板、网址导入和导出等功能,界面挺简洁的,用起来还行,这里就发个手动和Docker安装。
子润先生
2021/05/28
7680
使用Firefox Send搭建一个临时文件分享系统
说明:Firefox Send好像一两年前博主就分享过,是Firefox推出的一個全新的临时文件分享系统,具体查看→传送门,不过貌似代码开源了,也有几个小伙伴搭建的时候遇到了点问题,要博主发个教程,这里就水一下手动搭建和Docker搭建。
子润先生
2021/05/29
1.6K0
在Linux上安装MongoDB Community Edition 4.0
MongoDB是一个开源的无架构和高性能的面向文档的NoSQL数据库(NoSQL意味着它不提供任何表,行等)系统,就像Apache CouchDB一样。 它使用动态模式将数据存储在类似JSON的文档中,以获得更好的性能。
星哥玩云
2022/08/17
1.1K0
在Linux上安装MongoDB Community Edition 4.0
一款开源、轻巧且功能齐全的跨平台网盘程序:蓝眼云盘
说明:最近发现了一个不错的网盘程序蓝眼云盘,该程序后端使用golang开发,前端使用vue套件开发,而且开源免费,基本上目前除了离线下载外,其它功能都有,同时也支持多用户,超级管理员可以对用户进行权限,文件管理等,外观也蛮好看,安装包仅10M左右,可以同时在Windows、Linux、Mac OS操作系统中运行。作者更新也很频繁,功能也会越来越多,这里就大概说下安装方法。
子润先生
2021/06/01
2.9K0
Shiori:一个简单、美观且带Web界面的书签管理器
说明:Shiori是一个用Go语言编写的简单书签管理器,样式直接模仿的Pocket,有着基本书签管理功能,即添加,编辑,删除和搜索。支持导入和导出成Netscape书签文件,也可以从Pocket导入书签。可以通过命令行操作,也自带简单而漂亮的Web界面,适合那些不想使用命令行的,也可以内页浏览书签首页,用起来还行,这里就分享下。
子润先生
2021/05/28
6030
使用FirefoxSend搭建一个临时文件分享系统
说明:Firefox Send是Firefox推出的一個全新的临时文件分享系统,不过貌似代码开源了,也有几个小伙伴搭建的时候遇到了点问题,要博主发个教程,这里就水一下手动搭建和Docker搭建。
栖枝perch
2020/04/02
1.8K0
使用Searx搭建一个私人的搜索引擎平台,可展现Google/Bing等70多种搜索网站的搜索结果
更多参数设置可以参考https://github.com/asciimoo/searx/wiki/settings.yml。
叮当叮
2020/04/20
4.3K0
使用Searx搭建一个私人的搜索引擎平台,可展现Google/Bing等70多种搜索网站的搜索结果
说明:现在百毒各种犀利操作导致很多人都转向了谷歌,不过由于谷歌在国内被墙,对一些人来说访问起来是有点困难的,除了挂梯子以外,反代谷歌也可以,很久前就发过这种教程→传送门,不过最近找到了个好项目Searx,一个基于Python的完全开源免费搜索引擎平台,为你提供来自Google、Bing、Yahoo等70多种各大视频、图片、搜索、磁力等网站结果展示,并对搜索结果进行优化,同时不会存储你的任何搜索信息,搭建也很方便,有兴趣的可以搭建给需要谷歌的同事或朋友用下。
子润先生
2021/06/01
4.3K0
MongoDB教程(一):Linux系统安装mongoDB详细教程
MongoDB,作为一款高性能、开源的NoSQL数据库,因其灵活性和可扩展性,成为了众多开发者和企业的首选。在Linux环境下部署MongoDB,不仅可以充分利用其高并发和大数据处理能力,还能享受Linux系统的稳定性和安全性。本文将详细介绍在Linux系统下安装MongoDB的步骤,包括不同发行版的安装方法、配置调整以及安装后的验证过程,帮助你顺利搭建MongoDB环境。
用户11147438
2024/07/12
1.7K0
Debian 8安装Mongodb
3.启动Mongodb服务 安装完成之后,Mongodb服务会跟随系统的启动自动启动。可以使用下面的脚本来控制启动和停止:
徐大嘴
2019/03/21
1.8K0
在 Ubuntu 上如何添加 Apt 软件源
当使用 Ubuntu 软件中心或者从终端命令行输入apt或者apt-get安装软件包时,软件包被从一个或者多个软件源下载下来。一个 APT 软件源是一个网络服务器或者一个本地目录,它包含 deb 软件包和可以被 APT 工具读取的元文件。
雪梦科技
2020/05/09
23.5K0
在 Ubuntu 上如何添加 Apt 软件源
MongoDB安装笔记
mongodb概述 MongoDB 是一个跨平台的,面向文档的数据库,提供高性能,高可用性和可扩展性方便. MongoDB 将数据存储为一个文档,数据结构由键值 (key=>value) 对组成。MongoDB 文档类似于 JSON 对象。字段值可以包含其他文档,数组及文档数组。 mongodb安装 mongodb下载地址 `https://www.mongodb.com/download-center#community` ,在此选择对应的系统版本进行安装 Windows 系统的安装, 直接下一步即可
ihoey
2018/10/31
4310
Ubuntu16.04最新安装Mongodb的方法
可以根据官网提供的方法进行安装:https://docs.mongodb.com/manual/tutorial/install-mongodb-on-ubuntu/#install-mongodb-community-edition 导入MongoDB public GPG Key sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv EA312927 添加软件源 echo "deb http://repo.mongod
飞奔去旅行
2019/06/13
1.1K0
Windows、Linux、Mac数据库的安装(mysql、MongoDB、Redis)
作为数据存储的重要部分,数据库同样是必不可少的,数据库可以分为关系型数据库和非关系型数据库。
仲君Johnny
2024/01/31
5170
Windows、Linux、Mac数据库的安装(mysql、MongoDB、Redis)
Filestash:一个多功能的Web端文件管理器,支持SFTP/GDrive/Dropbox/S3等
说明:Filestash是一个类似Dropbox的文件管理器,通过浏览器即可使用,可让您在任何位置管理数据。包括上传文件和文件夹,编辑文件,音频播放器,视频播放器,图像查看器。目前支持FTP、SFTP、WebDAV、Git、S3、Minio Dropbox、Google Drive,貌似以后还会增加OneDrive,而且登录访问速度很快,可以拿来修改VPS或网盘文件,或者看看里面的小电影也行,安装方法也挺简单的,就一个Docker,这里说一下。
子润先生
2021/06/01
2.8K0
推荐阅读
相关推荐
一款二次元的Web多人在线网络聊天系统:Fiora安装及使用
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档