欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端多表联动查询-EasyUI

程序员文章站 2022-07-14 12:43:06
...

前端多表联动查询

需求:通过查询显示基本信息表中的内容,通过点击基本信息表中的一条数据数据(查询默认第一条数据),根据这条数据关联查询错误信息表的数据

前端多表联动查询-EasyUI
在基本信息的数据网格的onLoadSuccess中加入

gridfault.datagrid({
......
	onLoadSuccess : function(){  //基本信息的datagrid中
            	gridfault.datagrid('selectRow',0);//选择第一行数据
            	var row = gridfault.datagrid('getSelected'); //获取第一行数据,前两行的作用是在查询时获取查询出的基本信息的第一条数据。
            	if (!row){
                    return;//为防止意外情况可以选择加上此判断
                 }
                 var id = row.ID;	//取出数据
                 faceSendInfo(id); //调用函数,将ID作为参数查询错误分析中数据
            },
            
            /* onClickRow   单击一行事件
            onDblClickRow  双击一行事件 */
            onClickRow :function(){//通过点击基本数据中的一行数据,查询错误信息
            	var row = gridfault.datagrid('getSelected');//获取选中行的数据
            	if (!row){
                    return;//为防止意外情况可以选择加上此判断
                 }
                 var id = row.ID;
                 faceCollectInfo(id);		//调用函数
            }
   });

调用的函数

function faceCollectInfo(id){
  		gridcollect.datagrid({url:'${ctx}/##/##?id='+id});
  	}
相关标签: 前段 easyui