Ajax发送一个请求,返回两个表格数据,用easy UI的分两个tab,两个表格显示

再前台发送一个请求(利用的Ajax),再后台中找到两个表的数据。分别返回list。

再封装一个实体类,实体类中放两个元素,list<表1对象>,list<表2对象>。

再把查询出来的表list分别放到实体类中。返回,然后在前台分别创建两个tab标签,每个tab标签显示一个表格的数据

上代码:

1.前台显示。用的easy UI的tab

2.访问该链接的函数,把tab标签添加出来,并把每个tab中的table表格渲染出来,在触发Ajax请求

3.触发Ajax的请求

4.添加实体类,其中每一个list<>每个表返回的集合

5.开发controller层的方法。其中查找数据的service、dao层自行创建

6.回去修改Ajax返回的数据

可以看到返回数据的格式。


$('#tableId').datagrid('loadData',数据);

在这个easy UI中的datagrid('loadData',数据)的方法中。“数据”可以是list集合,也可以是{rows:list集合,count:条数}

最后放上成功显示的页面:


补充:这是表格渲染的函数样式;可根据自己需要修改其中的columns


总结:在分两个tab标签,分别显示两个表格数据,也可以用datagrid的url访问。如果这样的话即使发送了两个请求。

在返回数据的时候,返回该实体类的对象应该是可行的。

其中在Ajax中可以添加自己要查询的条件。先获得第一个表的list。根据第一个表中的id值作为条件,查询第二张表的数据。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值