移动端如何实现 子卡片分录 在 卡片分录行内 展示原创
金蝶云社区-蔡销
蔡销
80人赞赏了该文章 356次浏览 未经作者许可,禁止转载编辑于2024年01月10日 16:16:05

需求如下:

image.png

移动端界面上,可以新增卡片分录,卡片分录行内又展示子卡片分录,并且可以新增卡片分录和新增子卡片分录。


标准产品的实现:是点击卡片分录行,下面的子卡片分录会切换对应的数据展示。无法达到上面的展示效果。


为了达到实现效果,一个不太完美的方案如下:

我们知道

在某个容器内打开页面,

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。

如下图:

image.png


实现效果如下:


image.png


界面1的插件可以在afterBindData事件上添加如下代码

在flex容器内嵌入界面

= MobileFormShowParameter();

.setFormId();
.getOpenStyle().setShowType(.);
.getOpenStyle().setTargetKey();
this.getView().showForm(show1);


缺点:预置的flex数量有限,对移动界面开发需要一定的开发功底,数据交互要正确无误。

优点:能实现效果,逻辑可以进行拆分。

以上方案仅供参考。

图标赞 80
80人点赞
还没有人点赞,快来当第一个点赞的人吧!
图标打赏
0人打赏
还没有人打赏,快来当第一个打赏的人吧!