本帖最后由 LukeLiu 于 2019-9-29 17:20 编辑
本文需要读者了解活字格前置背景知识:
1. 隐藏区域
2. 图文列表使用
3. 手机页面的概念
如果你已经了解了以上前置背景知识,恭喜你,学习本篇教程会让你更灵活组合使用这些技能,在手机页面编辑表格的场景。如果你还不了解列出的前置背景知识点,别灰心,通过活字格官方的学习手册可以快速掌握这些技能,我在这里等你哈。
--------------------------------------------------------------------
又是一个人静静的学习活字格的下午,特别喜欢一个人这样的时光,看着电脑屏幕,打开活字格,打开新世界。
意境转折,噫,手机页面放上去的表格,为什么不能开启编辑呢:
转身去问了Tracy.Liu,
原来,对于手机,屏幕偏向竖直方向使用,横向的空间其实很小,直接在手机上编辑交互式是不友好的。
在手机页面上,修改数据可以在详情页面上去做,再者,如果一个表格的字段很多,页面垂直方向上依次排列就好。
上图给出了手机修改数据通过详情页的这一方式的示例。
下面,我通过采用之前胡老板在这篇帖子中的回答,获得的启发,使用图文列表,在手机页面开启表格编辑的技能:
1. 开始,把之前表格打入到隐藏区域,腾出地方:
2. 制作一个像模像样的表头,毕竟在手机页面上需要的数据展示形式依然是表格:
3. 选中下方需要展示数据的区域,设置为图文列表:
4. 设置表格的列名,不要忘了黑科技——自动列名:
5. 编辑图文列表模板,记得要做出表格的效果:
6. 设置可编辑的项为对应类型的单元格组件,这里我需要“是否完成”设置为下拉框:
7. 回到图文列表所在页面,WOW,真真的像表格:
通过使用前置背景知识点提到的三个技能,就制作出了在手机页面中编辑表格,酷~
附件为示例工程文件。
|