做项目的时候,我们经常要使用双击行获取行然后回填,其实原理很简单,首先给大家演示一下
这是双击layui表格行回填的数据
代码部分
首先,我们直接在加载layui表格里面把查询写出来,表格查询出数据后,接下来我们就需要给他一个双击事件并且回填数据:
table.on('rowDouble(tabVip)', function (obj) {
var data = obj.data;//获取点击行数据
//console.log(data);//输出看是否获取到
$("#formaddVIP")[0].reset();//弹出之前重置表单 form表单
$("#VIPModal").modal('show');//打开模态窗体
blInsert = false;//新增为true false为 修改 因为两个用一个模态窗体
$("#MemberID").val(data.MemberID);
$("#VIPrankID").val(data.VIPrankID);
$("#VIPcard").val(data.VIPcard);
$("#VIPName").val(data.VIPName);
$("#Telephone").val(data.Telephone);
$("#Expenditure").val(data.Expenditure);
$("#VIPintegral").val(data.VIPintegral);
$("#VIPremark").val(data.VIPremark);
$("#VIPDiscount").val(data.VIPDiscount);
$("#Stockpile").val(data.Stockpile);
$("#WeixinID").val(data.WeixinID);
$("#CardDate").val(data.CardDateStr);
$("#MoneyDate").val(data.MoneyDateStr);
$("#Birthday").val(data.BirthdayStr);
})
因为表格已经数据查询了出来,而我们是点击行获取的,所以说不需要到控制器再写查询,在表格直回填即可