用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.cn/106388.html原文链接:https://javaforall.cn
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有