找回密码
 立即注册

QQ登录

只需一步,快速开始

Simon.hu 讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2024-8-8 10:36  /   查看:1425  /  回复:0


书接上回,上次说到给列表页面前后端分离设置表格数据,并且给大家介绍了快速选择单元格功能,如果要完成分页和搜索功能,其实只需要大家服务端命令中支持2个参数:当前用户点击的第几页;用户在搜索文本框中输入的关键字是啥。另外,服务端命令返回的时候,将数据一共多少行的信息返回方便设置给分页按钮上
image.png319556273.png
这个比较简单,那我们继续看,详情页面的功能开发
----------------------------------正文:订单详情页面设置-----------------------------------
还是需要一个服务端命令,输入参数是订单ID,逻辑是将这个订单的所有信息返回(这个命令太简单了,我就不截图说明了)
然后在详情页面的页面加载时命令上,调用服务端命令并且将数据设置到页面上
image.png707060546.png
这里有两个点想说:
1.为什么我这边要有一个条件命令,主要的原因是为了区分是修改还是编辑
2.可以快速批量选择单元格在这里使用起来真的太爽了,至少这个操作提升一倍以上工作效率

此时咱们订单详情表是一个表格,但是他需要很多无数据源的表格爆裂增强
这个没有绑定数据源的表格必须支持:
添加,修改,删除,最好能列头筛选

一般像我这样经常有非分要求的人,还需要更多:
汇总行,导出Excel和PDF

咱的新版本这些问题统统支持
image.png664853820.png
image.png783165588.png
来我们具体看看效果
效果.gif


新版本,即使表格没有绑定数据源,也支持
  • 增删改查
  • 汇总行
  • 导出Excel和PDF
这下子前后端分离的应用,开发起来更加丝滑了


----------------------------------附加信息-------------------------------------
一个问题:
有绑定数据源的表格,如果我们设置只发送变更数据,我们可以很容易的区分:哪些行是添加,修改和删除的,
无绑定数据源的子表格,因为是从空通过json添加的数据,那么页面上对这个子表格进行数据的添加,修改和删除怎么处理?

解决方案:
首先,我们只要将子表的ID列隐藏起来就能很容易的知道,最后上传的数据有ID的就是修改的,没有ID的就是添加的。问题是,删除的行怎么知道?
image.png935466308.png
我这边使用的方法是,修改的时候肯定知道主表的ID,然后通过这个ID查询出来所有子表的老数据,然后把Old数据和新提交的数据进行对比,删除新数据中没有的数据。听起来很简单,但是需要很多的命令插件配合,尤其是对集合操作的插件,这里我使用宁老师的数组
image.png230731810.png
其实葡萄城市场上已经有很多和数组字符串相关的插件,如果你要使用完全的前后端分离,那么这些插件以后你会使用的越来越多
image.png699628295.png


0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部