【移动端专题】移动端列表支持多选及工具栏操作

栏目:云苍穹知识作者:金蝶来源:金蝶云社区发布:2024-09-23浏览:1

【移动端专题】移动端列表支持多选及工具栏操作

# 用户场景 用户之前在移动列表上只能操作单条数据,效率很慢。所以平台多选功能,支持用户需要在移动列表进行批量操作卡片数据(修改状态或者删除等),提升数据操作的速度和便捷性。 # 功能介绍 支持用户在列表界面对数据进行多选选中和操作 # 适用版本 金蝶云苍穹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) :::

【移动端专题】移动端列表支持多选及工具栏操作

# 用户场景用户之前在移动列表上只能操作单条数据,效率很慢。所以平台多选功能,支持用户需要在移动列表进行批量操作卡片数据(修改状态...
点击下载文档
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息