前端多表联动查询-EasyUI
程序员文章站
2022-07-14 12:43:06
...
前端多表联动查询
需求:通过查询显示基本信息表中的内容,通过点击基本信息表中的一条数据数据(查询默认第一条数据),根据这条数据关联查询错误信息表的数据
在基本信息的数据网格的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});
}
推荐阅读