修改数据
代码语言:javascript复制开发工具与关键技术:MVC
作者:盘洪源
撰写时间:2019年5月15日星期三
以前我对删除数据有点误解,因为以前都是用到的layui表格的自定义按钮的删除按钮,通过删除按钮弹出来一个模态框,达到一个数据的删除效果。但这次我做的页面并不是这样的,不需要弹出框,而且删除按钮也不在layui表格里,这个需要怎么做?
首先它这个不是没有了模态框了,而是以前是需要通过点击删除按钮来弹出模态框,现在不需要了,它直接把模态框里面的内容给你放外面了。
样式大概就这种一样的,首先它的输入框这里css样式是怎么来的?
这个就得用到form表单了:
这个form表单里面重要的是这个隐藏域这里,这里很重要。因为我之前一致忽略了这个地方,因为之前都是注重下面的js代码,很少注重上面的HTML代码,导致在这个地方也是迷了很久了。
为什么说这个隐藏域重要呢?这个地方要用于数据的修改,还有看到我上面这个样式,新增和修改的保存按钮都是同一个,这个也要通过这个隐藏域来判断。
我这个页面是通过点击下面的数据把数据回填到上面的form表单里面,然后再进行一个数据的判断,
代码语言:javascript复制 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是否存在就行了。