【移动端专题】移动端列表支持多选及工具栏操作
# 用户场景
用户之前在移动列表上只能操作单条数据,效率很慢。所以平台多选功能,支持用户需要在移动列表进行批量操作卡片数据(修改状态或者删除等),提升数据操作的速度和便捷性。
# 功能介绍
支持用户在列表界面对数据进行多选选中和操作
# 适用版本
金蝶云苍穹BOS_V5.0.0010及以上
# 使用步骤
1.打开移动列表界面,选择左侧视图的实体页签,选择实体页签下的工具栏控件。
![1.webp](/download/01004be1b022b92f4ef78edf1bbc5be8ad91.webp)
2.移动画布展示了底部工具栏控件和选择、取消工具栏项,
a. 选中“选择”工具栏项可看到右侧属性栏“交互类型”的值为“无需数据选择”,说明它是列表单选时展示的工具栏项, 表示该操作不需要选中数据即可进行;
b. 选中“取消”工具栏项可看到右侧属性栏“交互类型”的值为“选择数据后操作”,说明它是列表多选时展示的工具栏项。 表示该操作需要选中数据后才能进行;
c. 这两个默认添加的工具栏项主要是用来切换列表的单选和多选态,以及切换单选或者多选态展示的工具栏项,非特殊情况请不要删除。
![2.webp](/download/0100586a8811b9564edcba2b5fc2795cf789.webp)
![3.webp](/download/010075fe0445d6c8417cbdf2490991a9e89d.webp)
3 . 选中工具栏控件或者里面的工具栏项,可添加新的工具栏项,工具栏项需要配置操作代码(对列表数据进行何种操作),还需要配置“交互类型”属性,是需要在列表多选态展示还是单选态展示。例如我新添加了两个工具栏项:
a. 一个操作代码配置了”新增“,“交互类型”配置了“无需数据选择“;
b. 另外一个操作代码配置了删除,“交互类型”配置了“选择数据后操作“;
c. 你也可以只配置“交互类型”,不配置操作代码,自己通过代码实现点击时后端相关的响应逻辑。
![4.webp](/download/0100c42cb5e615f740bab02d3312cb541a31.webp)
![5.webp](/download/01004bf9ba8f5eaf4a22b4ca23cd1a44789d.webp)
4 . 运行时展示的是”交互类型“为”无需数据选择“的工具栏项,点击“选择“切换到多选选择态,展示”交互类型“为”无需数据选择“的工具栏项,多选态点击列表数据进行选中,再点击下方相关的工具栏项进行数据操作,例如选择数据后点击删除,将删除多条选中数据。
::: hljs-center
![image.webp](/download/01006bbe75997e174f6bb0a3ecabf6a8f6a6.webp)
![image.webp](/download/01002198dbec118c470b973457e6f59767af.webp)
:::
5 .进入多选态选择数据后左上角出现蓝色的角标,证明表示该条数据已经被选中;如果你不想要这种选择风格,也可以再设计器移动列表卡片视图行节点操作”选中样式“数据,进行风格切换。
![8.webp](/download/01008be58f79fe204ae3ba308100db2b737c.webp)
默认风格效果:
::: hljs-center
![image.webp](/download/01007338b55bff7948a6af821a55c8684e3c.webp)
:::
【移动端专题】移动端列表支持多选及工具栏操作
# 用户场景用户之前在移动列表上只能操作单条数据,效率很慢。所以平台多选功能,支持用户需要在移动列表进行批量操作卡片数据(修改状态...
点击下载文档
本文2024-09-23 00:41:48发表“云苍穹知识”栏目。
本文链接:https://wenku.my7c.com/article/kingdee-cangqiong-141134.html
您需要登录后才可以发表评论, 登录登录 或者 注册
最新文档
热门文章