<script> //给弹框中【确认】按钮绑定事件 function toSubmit(){ //此方法在下方 var data=getRowData(); if(data==null){ layer.alert("请先选择一位客户") return ; } window.opener.getCustomerData(data);//调用主页面上的方法，给主页面赋值，最下方有具体方法过程 window.close();//关闭弹窗 } //给弹框中【返回】按钮绑定事件 function closed(){ window.close(); } //获取行对象 function getRowData(){ var row = null; //锁定行（循环遍历找到被选中的行） $("table tbody tr").each(function(){ var radio = $(this).find("td").eq(0).find("input[type='radio']:checked").val(); if(radio){ row = $(this) ; } }); //如果此行有数据则拼接 if(row){ var customerId = row.find("td").eq(0).find("input[type='radio']:checked").val(); var customerName = row.find("td").eq(1).text(); var customerSex = row.find("td").eq(2).text(); var customerYears = row.find("td").eq(3).text(); //拼接模板 $.trim() jQuery.trim()函数用于去除字符串两端的空白字符。该函数可以去除字符串开始和末尾两端的空白字符(直到遇到第一个非空白字符串为止)。它会清除包括换行符、空格、制表符等常见的空白字符。 var data = "[{\"customerId\":\""+$.trim(customerId) +"\",\"customerName\":\""+$.trim(customerName) +"\",\"customerSex\":\""+$.trim(customerSex) +"\",\"customerYears\":\""+$.trim(customerYears) +"\"}]"; } return data ; } </script>
调用主页面上的给主页面赋值的方法
<script> function getCustomerData(data){ var json = JSON.parse(data); $("#customerId").val(json[0].customerId); $("#customerName").val(json[0].customerName); $("#customerSex").val(json[0].customerSex); $("#customerYears").val(json[0].customerYears); .... } </script>
到此这篇关于Layui弹框中数据表格中可双击选择一条数据的实现的文章就介绍到这了,更多相关Layui弹框双击数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章: