修改数据
时间:2022-07-25
本文章向大家介绍修改数据,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
修改数据
开发工具与关键技术:MVC
作者:盘洪源
撰写时间:2019年5月15日星期三
以前我对删除数据有点误解,因为以前都是用到的layui表格的自定义按钮的删除按钮,通过删除按钮弹出来一个模态框,达到一个数据的删除效果。但这次我做的页面并不是这样的,不需要弹出框,而且删除按钮也不在layui表格里,这个需要怎么做?
首先它这个不是没有了模态框了,而是以前是需要通过点击删除按钮来弹出模态框,现在不需要了,它直接把模态框里面的内容给你放外面了。
样式大概就这种一样的,首先它的输入框这里css样式是怎么来的?
这个就得用到form表单了:
这个form表单里面重要的是这个隐藏域这里,这里很重要。因为我之前一致忽略了这个地方,因为之前都是注重下面的js代码,很少注重上面的HTML代码,导致在这个地方也是迷了很久了。
为什么说这个隐藏域重要呢?这个地方要用于数据的修改,还有看到我上面这个样式,新增和修改的保存按钮都是同一个,这个也要通过这个隐藏域来判断。
我这个页面是通过点击下面的数据把数据回填到上面的form表单里面,然后再进行一个数据的判断,
layuiTable.on('row(BasicMessage)',
function (obj) {
var data = obj.data;
var BrandID = data.BrandID;
var BrandName =data.BrandName;
$("#BrandID").val(BrandID);
$("#SRBasicID").val(BrandName);
})
这个时候就要给你这个layui表格加监听事件了,把form表单的数据回填上去,这个地方就和之前的那个弹出框的回填数据差不多的意思,只不过那个还需要回到控制器写个方法,这个数据的主键ID是重要的,因为修改数据的时候得通过这个来查出来是哪条数据再进行一个修改。
这个ID还用于下面的公用一个保存按钮作为一个判断条件,因为在添加数据的时候是不需要把数据回填到上面这个form表单,这个时候就判断这个ID是否存在就行了。
- android放大镜效果实现
- Android StringEntity() 和 UrlEncodedFormEntity() 的区别
- 如何根据日志查看删除的数据(转译)
- 具体问题解决:分离脚本
- 独家 | 手把手教你用Python 3创建用于机器学习开发的Linux虚拟机(附安装教程、代码)
- TSQL--临时表和表变量
- 微软开源 C++ REST SDK
- 使用Autofac在ASP.NET Web API上实现依赖注入
- Universal-Image-Loader完全解析--从源代码分析Universal-Image-Loader中的线程池
- 我是怎样爬下6万共享单车数据并进行分析的(附代码)
- 数据库压缩备份提高备份效率
- 教你用TensorFlow和自编码器模型生成手写数字(附代码)
- 开源OCR引擎Tesseract
- 数据仓库中如何使用索引
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- LeetCode 35. 搜索插入位置
- 【面试系列】反射+动态代理,你为何老是搞不懂?
- 我不知道还可以用 JS 做的 6 件事
- 【服务网格架构】Envoy架构概览(7):断路,全局限速和TLS
- 你的消息队列如何保证消息不丢失,且只被消费一次,这篇就教会你
- 【服务网格架构】Envoy架构概览(9):访问日志,MongoDB,DynamoDB,Redis
- Redis Cluster 原理分析
- Ceph介绍及原理架构分享
- 分布式存储Ceph之PG状态详解
- JS中的事件循环机制与宏队列、微队列笔记
- Redis 哨兵机制以及底层原理深入解析,这次终于搞清楚了
- SQL 找出分组中具有极值的行
- 接入层Nginx架构及模块介绍分享
- 【问题修复】mds0: Metadata damage detected
- 【服务网格架构】Envoy架构概览(6):异常检测