实现在移动建模应用页面中构建数据卡片Tab页签

title: 实现在移动建模应用页面中构建数据卡片tab页签 created: 2026-04-19 updated: 2026-04-19 type: reference tags: [imported, pptx] source: "Weaver Doc Import"

实现在移动建模应用页面中构建数据卡片tab页签泛微网络培训服务中心

需求背景及实现效果

需求背景在搭建移动建模应用时，有时需要将两个相互关联的数据集用tab页显示，并实现数据过滤本期以合同管理场景为例：实现在应用页面中用tab页展示该合同的合同付款记录 | 泛微常用需求解决方案

实现效果 | 泛微常用需求解决方案 1、在数据卡片中点击“付款记录”tab页，即可展示该合同的付款记录

配置实现步骤

实现在移动建模应用页面中构建数据卡片tab页签实现步骤 1、拖拽标签栏插件到显示布局页面中，并设置固定顶部 2、命名tab页的名称，并直接关联需展示的数据列表

实现在移动建模应用页面中构建数据卡片tab页签实现步骤 3、在链接地址后填写过滤条件&a={billid};

实现在移动建模应用页面中构建数据卡片tab页签实现步骤 4、在合同付款记录查询列表页面，点击页面源码设置脚本

实现在移动建模应用页面中构建数据卡片tab页签实现步骤 5、使用load函数添加脚本的最外层 6、使用refreshList函数添加脚本的里层，过滤条件为htxx={a} 7、在过滤条件前添加sqlwhere以实现过滤

实现在移动建模应用页面中构建数据卡片tab页签参数说明这里的合同付款记录表单中的htxx字段是一个自定义单选浏览按钮，存放的刚好就是合同信息表单中数据的id，所以这里将合同信息表单中数据的id传给参数a，再让合同付款记录表单中的htxx字段等于a，即实现过滤。实践中根据实际情况可灵活选择过滤字段

泛微网络培训服务中心