移动端如何实现 子卡片分录 在 卡片分录行内 展示原创
80人赞赏了该文章
356次浏览
编辑于2024年01月10日 16:16:05
需求如下:
移动端界面上,可以新增卡片分录,卡片分录行内又展示子卡片分录,并且可以新增卡片分录和新增子卡片分录。
标准产品的实现:是点击卡片分录行,下面的子卡片分录会切换对应的数据展示。无法达到上面的展示效果。
为了达到实现效果,一个不太完美的方案如下:
我们知道
在某个容器内打开页面,
showParameter.getOpenStyle().setShowType(ShowType.InContainer); showParameter.getOpenStyle().setTargetKey("tabpageap_task");//某个flex的标识
那么我们就可以预置flex容器,要结合实际业务设置预置的flex个数
界面1:预置flex容器n个
界面2:有单据头,卡片分录和分录字段,可以新增分录和删除分录等。
就是在界面1的flex内,不断打开界面2,有多少行就在多少个flex内打开界面2,那么交互效果就需要界面2上面进行实现,将数据填充到界面1上。界面1的打开也需要根据数据动态去打开界面2。
如下图:
实现效果如下:
界面1的插件可以在afterBindData事件上添加如下代码
在flex容器内嵌入界面
= MobileFormShowParameter(); .setFormId(); .getOpenStyle().setShowType(.); .getOpenStyle().setTargetKey();
this.getView().showForm(show1);
缺点:预置的flex数量有限,对移动界面开发需要一定的开发功底,数据交互要正确无误。
优点:能实现效果,逻辑可以进行拆分。
以上方案仅供参考。
赞 80
80人点赞
还没有人点赞,快来当第一个点赞的人吧!
打赏
0人打赏
还没有人打赏,快来当第一个打赏的人吧!
推荐阅读