点击table的td单元格出现dialog弹窗,获取值后将值放回td单元格

来源:互联网 发布:单片机电源插口 编辑:程序博客网 时间:2024/05/16 08:16
用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(); }});

0 0
原创粉丝点击