电脑桌面
添加蚂蚁七词文库到电脑桌面
安装后可以在桌面快捷访问

Mbos移动端开发——标签

来源:金蝶云社区作者:金蝶2024-09-225

Mbos移动端开发——标签

1 基础功能使用

1.1 创建页面

新建应用后,选择列表模式:带图双列列表、单操作列表

图片 1.webp

以单操作列表为例创建页面:

图片 2.webp

图片 3.webp


预览效果

图片 4.webp

1.2 方案切换

切换列表卡片方案,可调整标签位置

图片 5.webp

图片 6.webp

预览效果:

图片 7.webp

1.3 删除标签

图片 8.webp

1.4 新增标签

1.4.1 新增标签控件

图片 9.webp

1.4.2 绑定字段

图片 10.webp

图片 11.webp

图片 12.webp

1.5 修改标签样式

1.5.1 直接修改样式属性

图片 13.webp

1.5.2 选择预置标签方案

图片 14.webp

1.6 控制显示、隐藏

mbos('confirmState').hide()

mbos('confirmState').show()

因为id重复,此方法只能显示、隐藏第一个标签

图片 15.webp

图片 16.webp

2 功能拓展

因为字段数据经过mbos处理后,枚举类型、布尔类型的字段,只返回文本,未返回状态值,所以较复杂的控制,需要结合代码实现。

图片 17.webp

2.1 不同value显示不同的样式

2.1.1 自定义标签字段

新增普通字段作为标签样式字段,隐藏标题,增加样式类

图片 18.webp

图片 19.webp

 

2.1.2 获取枚举列表数据

根据标签字段元数据,获取枚举列表,接口:"/mbos/data/getEnum?enumtype="+元数据

图片 20.webp

图片 21.webp

图片 22.webp

2.1.3 根据alias匹配value

匹配标签字段值与枚举值,并返写列表数据

Mbos移动端开发——标签

1 基础功能使用1.1 创建页面新建应用后,选择列表模式:带图双列列表、单操作列表以单操作列表为例创建页面:预览效果1.2 方案切换切换...
点击下载文档文档为doc格式

声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。如若本站内容侵犯了原著者的合法权益,可联系本站删除。

已经是第一篇
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息
QQ群
  • 答案:my7c点击这里加入QQ群
支持邮箱
微信
  • 微信