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

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mysql innodb与myisam存储文件的区别[通俗易懂]

    mysql innodb与myisam存储文件的区别

    2022年2月9日
    44
  • HashMap的数据结构

    前提:主要数据结构:数据结构中有数组和链表来实现对数据的存储,但这两者基本上是两个极端。数组数组存储区间是连续的,占用内存严重,故空间复杂的很大。但数组的二分查找时间复杂度小,为O(1);数组的特点是:寻址容易,插入和删除困难;链表链表存储区间离散,占用内存比较宽松,故空间复杂度很小,但时间复杂度很大,达O(N)。链表的特点是:寻址困难,插入和删除容易。哈希表那么我…

    2022年4月7日
    43
  • php递归函数详解_用php递归函数实现阶乘计算

    php递归函数详解_用php递归函数实现阶乘计算本节内容:PHP递归算法。PHP递归算法代码:复制代码代码示例://定义PI一分的角度的值define(“PII”,M_PI/180);//新建图像资源,并定义其背景为白色,前景色为黑色$im=imagecreate(670,500);$white=imagecolorallocate($im,0xFF,0xFF,0xFF);$g=imagecolorallocate($im,0x00,0x0…

    2022年8月11日
    3
  • redhat7.2配置网络yum源

    redhat7.2配置网络yum源

    2022年3月1日
    46
  • 应用架构,业务架构,技术架构和业务流程图详解怎么写_业务架构和应用架构

    应用架构,业务架构,技术架构和业务流程图详解怎么写_业务架构和应用架构应用架构应用架构(ApplicationArchitecture)是描述了IT系统功能和技术实现的内容。应用架构分为以下两个不同的层次:企业级的应用架构:企业层面的应用架构起到了统一规划、承上启下的作用,向上承接了企业战略发展方向和业务模式,向下规划和指导企业各个IT系统的定位和功能。在企业架构中,应用架构是最重要和工作量最大的部分,他包括了企业的应用架构蓝图、架构标准/原则、系统的边界…

    2022年10月12日
    0
  • 群、环、域的概念,定义和理解.

    群、环、域的概念,定义和理解.群、环、域的概念,定义和理解.以下链接很好的解释了群环域的概念.http://sparkandshine.net/algebraic-structure-primer-group-ring-field-vector-space/群的定义:(Group)群是一个特殊的集合,这个集合需要满足4条性质.1,2,3,4blablabla,就叫1个群.也叫群公理定义.我这里要说的是,并不是每个集合都能够同时满足这4条性质的.例如第一条:totality,整体性或封闭性.集合中的两个

    2022年6月19日
    31

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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