用dialog做个弹窗，做了一天一夜终于在各种百度下一点一点试出来了。
$("#table1 td").on('click',function () {
<!--获取所点击单元格td的id-->
var eachTdId=$(this).attr("id");
<!--此为难点，下面一步可以根据所点击的id与已存在的列id比较，可为table中的哪几列执行弹窗事件，-->
if(eachTdId=="tdoriCodeBk" || eachTdId=="tdoriCodeBk2" || eachTdId=="tdoriCodeBk3"){
<!--获取所点击单元格的列数-->
var tdSeq = $(this).parent().find("td").index($(this));
<!--获取所点击单元格的行数-->
var trSeq = $(this).parent().parent().find("tr").index($(this).parent());
<!--dialog插件-->
var d = dialog({
title: '备用元数据添加',
<!--跳出的弹窗链接到控制器-->
url: '${base}/cis/cisDataItemDef/itemDefList',
<!--关闭弹出后执行的function函数-->
onclose:function(){
<!--难点，将子界面传来的值放回到所点击的单元格input框中，在tr:eq("+trSeq+") 比较是，必须用+号才能将var类型装成数字比较-->
$("#table1 tr:eq("+trSeq+") td:eq("+tdSeq+") input").val($("#hide").val()); }}); d.height(450) d.width(750) d.showModal();
}
});
控制器代码
@RequestMapping("/itemDefList")
public String itemDefList(){
return "/cis/cisDataItemDef/cisDataItemDefList.ftl";
}
控制器转到ftl页面，出现弹窗内容的jquery代码
<script>
$("#save").on("click",function(){
<!--获取所点击行的内容-->
var rows = $('#table').bootstrapTable('getSelections');
var code = [];
for(var i=0;i<rows.length;i++){
code.push(rows[i]['oriCode']);
}
if(code.length==0){
alert("请选择要添加的元素");
return false;
}
window.returnvalue=rows;
$("aa").value=rows;
var d = ar_.getDialog(parent);/* parent.dialog.get(window); */
<!--将处理的值放到父页面的一个隐藏域中-->
$(window.parent.$("#hide").val(code));
<!--关闭弹窗-->
d.close();
}
});版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/106388.html原文链接：https://javaforall.net
