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

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

用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(); 
		}
	});

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/106388.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 2019js前端面试最全集合

    2019js前端面试最全集合一、html和css部分1、如何理解CSS的盒子模型?标准盒子模型:宽度=内容的宽度(content)+border+padding低版本IE盒子模型:宽度=内容宽度(content+border+padding)2、BFC?什么是BFCBFC(BlockFormattingContext)格式化上下文,是Web页面中盒模型布局的CSS…

  • SpringBoot——创建SpringBoot项目HelloWorld

    SpringBoot——创建SpringBoot项目HelloWorldSpringBoot——创建SpringBoot项目HelloWorld

  • 解读windows认证

    0x00前言dll劫持的近期忙,没时间写,先给大家写个windows认证的水文。0x01windows认证协议windows上的认证大致分为本地认证,ntlm协议,和Kerberos协议。

    2021年12月11日
  • C# 连接SFTP

    C# 连接SFTPC#连接SFTP网上学习到C#连接SFTP方式,整理了一下,文章结尾处为具体的调用方式以及密钥文件的转换。SFTPHelper.c文件:usingSystem;usingSystem.Collections;usingSystem.Collections.Generic;usingSystem.Collections.Specialized;usingSystem.Configuration;usingSystem.Linq;usingSystem.Text;using

  • LED灯上的ASEMI整流桥MB10F怎么检测是否正常

    LED灯上的ASEMI整流桥MB10F怎么检测是否正常编辑-Z我的LED灯盘上有一个桥式整流桥,它的型号是:MB10F,那么什么是整流,整流是做什么的?LED灯上的ASEMI整流桥MB10F怎么检测是否正常?整流电路就是将交流电转换成直流电。为什么要将交流电转换为直流电?说白了就是负载需要直流电才能工作,比如我们常见的直流电机、电解电源、手机等。型号:MB10F封装:MBF-4(SOP-4)特性:小方桥、贴片桥堆、超薄体电性参数:1A1000V芯片材质:GPP正向电流(Io):1A芯片个数:4正向电压(VF)

  • HTML页面背景图片平铺

    HTML页面背景图片平铺body{ background-image:url(‘图片路径’);background-size:100%;background-repeat:no-repeat;}

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号