Click the TD cell of table to open the dialog pop-up window. After obtaining the value, put the value back into the TD cell

 use dialog Make a pop-up window , After working for a day and a night, I finally tried it out in Baidu .
 $("#table1  td").on('click',function () {             
  	<!-- Get the clicked cell td Of id-->
 	var eachTdId=$(this).attr("id");
 	<!-- This is a difficult point , The next step can be based on the id With existing columns id Compare , for table Which columns in execute pop-up events ,-->
 	if(eachTdId=="tdoriCodeBk" || eachTdId=="tdoriCodeBk2" || eachTdId=="tdoriCodeBk3"){
              	<!-- Get the number of columns of the clicked cell -->
		var tdSeq = $(this).parent().find("td").index($(this));       
                <!-- Get the number of rows of the clicked cell -->
 		var trSeq = $(this).parent().parent().find("tr").index($(this).parent());
                <!--dialog plug-in unit -->
		var d = dialog({
         	title: ' Add alternate metadata ',
 		<!-- The pop-up window that pops up is linked to the controller -->
 			url: '${base}/cis/cisDataItemDef/itemDefList',
			 <!-- Close the... Executed after the pop-up function function -->
 			onclose:function(){
 			<!-- difficulty , Put the value passed from the sub interface back to the clicked cell input In the box , stay tr:eq("+trSeq+")   The comparison is , Must use + No var Type as number comparison -->
 			$("#table1 tr:eq("+trSeq+") td:eq("+tdSeq+") input").val($("#hide").val()); }}); d.height(450) d.width(750) d.showModal(); 
			} 
		});
 


 Controller code 
@RequestMapping("/itemDefList")
    public String itemDefList(){
    	return "/cis/cisDataItemDef/cisDataItemDefList.ftl";
    }


 The controller goes to ftl page , A pop-up window appears jquery Code 
<script>
	$("#save").on("click",function(){
 		<!-- Get the contents of the clicked line -->
 		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(" Please select the element to add "); 
					return false;
				 } 
				window.returnvalue=rows;
				$("aa").value=rows; 
				var d = ar_.getDialog(parent);/* parent.dialog.get(window); */
 		<!-- Put the processed value in a hidden field of the parent page -->
 		$(window.parent.$("#hide").val(code));
 		<!-- Close the pop-up window -->
 		d.close(); 
		}
	});

Copy

Publisher ： Full stack programmer stack length , Reprint please indicate the source ：https://javaforall.cn/106388.html Link to the original text ：https://javaforall.cn