异步加载（点击一张表出来的是另一张表的内容）

最新推荐文章于 2024-01-09 09:07:12 发布

Q^H

最新推荐文章于 2024-01-09 09:07:12 发布

阅读量441

点赞数

分类专栏： easyui

本文链接：https://blog.csdn.net/Qiao_Hai/article/details/79582648

版权

easyui 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

    <div style="height: 300px;width: 940px;margin-left: 5px;">
  	<table id="dg"  title="藏品评估信息" toolbar="#tb" fit="true" ></table> 
		  <div id="tb" style="height:auto;">
        	<!-- <a href="javascript:void(0)" class="easyui-linkbutton"
        	data-options="iconCls:'icon-save',plain:true" onclick="accept()">保存</a> -->
				<span style="margin-left: 5px">
					<a class="easyui-linkbutton" icon="icon-way-add" plain="true"
						href="${webRoot}/evaluation/toAddEvaluation.do?type=1&rel=${param.rel}&linkNo=1" rel="${param.rel}_adds" lookupGroup="collextract"
						title="征集藏品信息带回"  width="630" height="500">添加</a>
					<input type="hidden" name="collectionNo" id="collectionNo" toname="collextract.id"/>	
				</span>
   		   </div>
 	</div>

表格编辑

 <script type="text/javascript">
 	var editIndex = undefined; 
 		/* var reld = '#${param.rel }_eval_datagrid';	 */
	function endEditing(){
		if (editIndex == undefined){return true}
		if ($('#dg').datagrid('validateRow', editIndex)){
			$('#dg').datagrid('endEdit', editIndex);
			editIndex = undefined;
			return true;
		} else {
			return false;
		}
	}
	function onClickRow(index, field){
		if (editIndex != index){
			if (endEditing()){
				$('#dg').datagrid('beginEdit', index);
				editIndex = index;
			} 
		}
	}
	function accept(){
	    var rowList = $("#dg").datagrid('getRows');
	    for(var i in rowList){
	    	var index=$("#dg").datagrid('getRowIndex',rowList[i]);
	    	$("#dg").datagrid('endEdit', index);
	    }
		var rows = $("#dg").datagrid('getRows');
		
		var rowsJSON = JSON.stringify(rows);
		
		/* $("#rowsJSON").val(rowsJSON);  */
		$("#rowsJSON").val(rowsJSON);
	 	/* $.ajax({
		  url: rows.attr("action"),
		  type:'post',
		  data:'rowsJSON='+rowsJSON,
		  success:function(data){
              alert('成功');
          }
		});  */
		 console.log("dsdshd::"+$("#rowsJSON").val());
	}
	
     function ClearRowInformation() {  
         var rows = $("#dg").datagrid("getChecked");     //获取你选择的所有行  //循环所选的行     
         for (var i = 0; i < rows.length; i++) {  
	         var index = $("#dg").datagrid('getRowIndex', rows[i]);//获取某行的行号          
	         $("#dg").datagrid('deleteRow', index);  
                                 
          }  
    }
	$(function(){		
		$("#dg").datagrid({
			nowrap:false,//true:只在一行显示数据,false:内容多时自动换行，效率低
			//url : "${webRoot}/evaluation/getCollDetails.do",
			/* queryParams:{collInfoNo:"${info.s_recNo}"}, */
			pagination:false,
			border:true,
			onSelect: function(index,row){   $("#dg").datagrid('unselectAll');   },
			//onClickRow:onClickRow,
			columns : [ [ 
			/* 	{
					field:"ck",
					title : "勾选",
					checkbox:true
				}, */
				{
					field : "s_collectionName",
					title : "藏品名称",
					width : 200,
					halign :"center",
					align:"left",
					//editor:'text'
				},
				{
					field : "s_evaluateName",
					title : "评估名称",
					width : 200,
					halign :"center",
					align:"left",
					editor:'text'
				},
				{
					field : "s_years",
					title : "时代",
					width : 200,
					halign :"center",
					align:"left",
					editor:'text'
				},
				{
					field : "s_price",
					title : "价格",
					width : 200,
					halign :"center",
					align:"left",
					editor:'text'
				},
				{
					field : "s_assResult",
					title : "评估结果",
					width : 450,
					halign :"center",
					align:"left",
					editor:'text'
				},
				{
					field : "s_assPassMark",
					title : "是否通过",
					width :100,
					halign :"center",
					align:"center",
					editor:{type:'checkbox',options:{on:'1',off:'0'}}, 	
				 	formatter: function(value,row,index){
						if(value=="1"){
							return '<input type="checkbox" checked="checked"/>';
						}else{
							return '<input type="checkbox" />';
						}
					} 
				}
			] ],
			onLoadSuccess : function(data){
				var rows = $("#dg").datagrid("getRows"); 
				 for(var i=0;i<rows.length;i++){
				    $('#dg').datagrid('beginEdit',i);
				} 
			}
		});
	});   	    
</script>

带回

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/commons/include.inc.jsp" %>
<%--
	线索信息-查找带回(多选)
--%>
<div id="${param.rel}_evaluation_toolbar" class="search-div">
	<form  onsubmit="return datagridSearch(this,'${param.rel }_evaluation_datagrid');" >
		
		<div  class="search-content " >
			<span>
				<label>线索提供者：</label>
				<input	type="text" name="s_visitorName" class="span2"  />
			</span>
			<span>
				
				<button class="btn btn-primary btn-small" type="submit">查询</button> 
				<button class="btn btn-small clear" type="button" >清空</button> 
			</span>
			
		</div>
	

		<div class="search-toolbar" >
			<span style="float:left;">
				<a class="easyui-linkbutton clearDgChecked" datagrid="${param.rel }_evaluation_datagrid" icon="icon-redo"	plain="true"  title="清空所有勾选项" >清空勾选</a>
				
				<a class="easyui-linkbutton"  icon="icon-add"	plain="true"
				 href="javascript:setLookupVal();" >确认</a>		
			</span>
		</div>
	</form>
	
</div>

<table id="${param.rel }_evaluation_datagrid"   toolbar="#${param.rel}_evaluation_toolbar"></table>

<script type="text/javascript" >
<!--	
var mulIds="";
//var selRows=[];
	$(function() {
		mulIds = $("#collectionNo").val();
		console.log(mulIds);
		$('#${param.rel}_evaluation_datagrid').datagrid({
			url : "info/getInfos.do",
			  queryParams: {
				s_processLink: '${param.linkNo}',s_currentNos:'${param.recNo}',
			},  
			frozenColumns:[[
					{
						field:"ck",
						title : "勾选",
						checkbox:true
					},
					 {
						field : "s_visitorName",
						title : "线索提供者",
						align:"center",
						width : 300,
						formatter: function(value,row,index){
							return  "<a href='javascript:checkRow("+index+");'>"+value+"</a>";
						}
					},
					{
					field : "s_contactWay",
					title : "联系方式",
					align:"center",
					width : 250
				   }
			]]
			,onLoadSuccess:function(data){
				var rows = $('#${param.rel}_evaluation_datagrid').datagrid('getData').rows;  
                var length = rows.length;
                var checkNum = 0;  
                var total=data.total;
                if(mulIds!=""){
					for(var i=0;i<rows.length;i++){
						//判断是否有重复值，重复则不重新赋值
						if(mulIds.indexOf(rows[i]['s_recNo'])>-1){
						   $('#${param.rel}_evaluation_datagrid').datagrid('checkRow',i);
                           checkNum++;
						}
					}
                }
                //判断页面行数与选择行数是否一致，不一致则去掉全选的
               if(rows.length!=checkNum||rows.length==0){
               		$(".datagrid-header-check").find(":checkbox").attr("checked",false);
               }
            },onCheck:function(rowIndex, rowData){
				//获取原始值
				var lsIds = mulIds==""?[]:mulIds.split(",");
				//判断是否有重复值，重复则不重新赋值
				if(lsIds.indexOf(rowData['s_recNo'])==-1){
				  lsIds.push(rowData['s_recNo']);
				  //selRows.push(rowData);
				}
				//重新赋值
				mulIds=lsIds.join(",");
            },onUncheck:function(rowIndex, rowData){
            	var lsIds = mulIds==""?[]:mulIds.split(",");
				//取消时替换值
				lsIds.remove(rowData['s_recNo']);
				//selRows.removeObj(rowData);
				
				//重新赋值
				mulIds=lsIds.join(",");
            },onCheckAll:function(rows){
                //获取原始值
				var lsIds = mulIds==""?[]:mulIds.split(",");
				for(var i=0;i<rows.length;i++){
					//判断是否有重复值，重复则不重新赋值
					if(lsIds.indexOf(rows[i]['s_recNo'])==-1){
					  lsIds.push(rows[i]['s_recNo']);
					 // selRows.push(rows[i]);
					}
				}
				//重新赋值
				mulIds=lsIds.join(",");
            },onUncheckAll:function(rows){
                //获取原始值
				var lsIds = mulIds==""?[]:mulIds.split(",");
				for(var i=0;i<rows.length;i++){
				
				//selRows.removeObj(rows[i]);
				}
				//重新赋值
				mulIds=lsIds.join(",");
            }
		});
		
	});
	function setLookupVal(){
		 var recNos  = mulIds==""?[]:mulIds.split(",");
         
		$.ajax({
				type: "post",
				url: "${webRoot}/evaluation/getUpCollDetails.do",
				data: {"recNos":recNos},
				dataType:"json",
				traditional: true,
				success: function(data){
					//if(data.total>0){
						var datas={"rows":data.rows,"total":data.total};
						$('#dg').datagrid('loadData',datas);
					//}
				}
		});
		$.bringBack({id:mulIds});
	}
	
	function checkRow(i){
		$('#${param.rel}_evaluation_datagrid').datagrid('checkRow',i);
	}
//-->		
</script>