You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何仅在选中记录时显示图标按钮及日期格式设置咨询

解答你的App Maker两个问题

一、仅在选中记录时显示编辑/审核按钮

先给你明确结论:用脚本实现会更可靠,单纯CSS很难精准捕捉Table的选中状态——因为App Maker的组件选中状态是内部逻辑管理的,CSS没法直接感知到「是否有记录被选中」这个动态状态。

具体实现步骤很清晰:

  1. 先把编辑、审核图标按钮的初始visible属性设为false(在组件属性面板的「可见性」选项里设置),确保页面加载时默认隐藏按钮。
  2. 给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:数据源字段全局设置(所有用到该字段的地方都生效)

  1. 打开你的数据源,找到对应的日期字段
  2. 在字段属性里找到「显示格式」,选择「自定义」,然后直接输入dd/mm/yyyy
  3. 保存后,所有关联该字段的Table、表单都会自动套用这个格式显示

方法2:Table列单独设置(仅当前Table的该列生效)

如果只想让这个特定Table的日期列用这个格式,其他地方保持原有格式:

  1. 选中Table里的目标日期列
  2. 在列的属性面板里找到「渲染」选项,选择「自定义」
  3. 在自定义渲染脚本里写:
// 替换成你实际的日期字段名
return util.formatDate(record.YourDateField, 'dd/mm/yyyy');

内容的提问来源于stack exchange,提问作者Johan W.

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.20 12:23:44