双击行回填数据

做项目的时候，我们经常要使用双击行获取行然后回填，其实原理很简单，首先给大家演示一下

这是双击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);
            })

因为表格已经数据查询了出来，而我们是点击行获取的，所以说不需要到控制器再写查询，在表格直回填即可