如何仅在选中记录时显示图标按钮及日期格式设置咨询
解答你的App Maker两个问题
一、仅在选中记录时显示编辑/审核按钮
先给你明确结论:用脚本实现会更可靠,单纯CSS很难精准捕捉Table的选中状态——因为App Maker的组件选中状态是内部逻辑管理的,CSS没法直接感知到「是否有记录被选中」这个动态状态。
具体实现步骤很清晰:
- 先把编辑、审核图标按钮的初始
visible属性设为false(在组件属性面板的「可见性」选项里设置),确保页面加载时默认隐藏按钮。 - 给Table组件绑定
onSelectionChange事件(这个事件会在用户选中/取消选中记录时自动触发),然后在事件脚本里写:
// 获取你的按钮组件实例,记得替换成实际的组件ID const editBtn = app.currentPage.descendants.EditButton; const reviewBtn = app.currentPage.descendants.ReviewButton; // 根据选中记录数量控制按钮显示/隐藏 if (widget.selection.length > 0) { editBtn.visible = true; reviewBtn.visible = true; } else { editBtn.visible = false; reviewBtn.visible = false; }
不管你的Table是单选还是多选,这个逻辑都适用——只要有至少一条记录被选中,按钮就会自动显示,取消选中后立刻隐藏。
二、设置日期格式为dd/mm/yyyy
有两种简单的实现方式,按需选择即可:
方法1:数据源字段全局设置(所有用到该字段的地方都生效)
- 打开你的数据源,找到对应的日期字段
- 在字段属性里找到「显示格式」,选择「自定义」,然后直接输入
dd/mm/yyyy - 保存后,所有关联该字段的Table、表单都会自动套用这个格式显示
方法2:Table列单独设置(仅当前Table的该列生效)
如果只想让这个特定Table的日期列用这个格式,其他地方保持原有格式:
- 选中Table里的目标日期列
- 在列的属性面板里找到「渲染」选项,选择「自定义」
- 在自定义渲染脚本里写:
// 替换成你实际的日期字段名 return util.formatDate(record.YourDateField, 'dd/mm/yyyy');
内容的提问来源于stack exchange,提问作者Johan W.
相关产品推荐
相关产品推荐

