模型驱动Power App按文档保存状态控制文件上传区域及提示显示
模型驱动Power App新建记录上传提示实现方案
模型驱动表单的分区默认渲染规则为:若分区内无任何可渲染的控件,无论是否设置了分区标签,整个分区都会自动隐藏。因此仅填写分区标签无法展示内容,必须在分区内添加至少一个控件才能触发展示。
方案1:HTML Web资源实现(官方标准方案)
这是最符合Power App平台规范的实现方式,兼容性最好:
- 新建HTML类型的Web资源,内容仅保留所需提示文本和基础样式,可匹配原生UI风格,示例代码:
<p style="color: #605E5C; padding: 8px 12px; margin: 0; font-size: 14px;"> 您必须先保存文档才能上传文件 </p>
- 保存并发布该Web资源后,打开表单编辑器,在你新建的空分区内添加「Web资源」控件,绑定刚创建的HTML资源
- 控件属性中关闭边框、滚动条,设置固定高度为40px左右,避免出现滚动条
- 给控件配置可见性规则,和你现有隐藏上传区域的逻辑复用即可:判断
formContext.ui.getFormType() == 1(表单为新建状态)时显示,其他状态隐藏
方案2:单行文本次段伪装静态文本(轻量方案)
不需要创建Web资源,适合快速实现:
- 为对应实体创建一个仅用于该场景的单行文本字段,不要将该字段加入其他视图或表单
- 将该字段拖入空分区内,打开控件属性:
- 若设置字段标签为提示文案,直接隐藏字段输入框,设置字段为只读
- 也可隐藏字段标签,将字段默认值设为提示文案,取消输入框边框,设置字段为只读
- 同样配置可见性规则,仅新建状态下展示该字段即可
方案3:JS动态插入提示(无控件改动方案)
如果不想修改现有表单结构,可直接在你已有的隐藏上传区域的JS逻辑中新增插入提示的代码:
- 识别上传区域所在的DOM节点,新建状态下在对应位置插入自定义的提示文本节点
- 注意该方案依赖平台DOM结构,版本更新时可能出现兼容性问题,仅作为临时方案使用
内容的提问来源于stack exchange,提问作者Bryan Schmiedeler
相关产品推荐
相关产品推荐

