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

如何在PowerApps下拉控件中为悬停项添加自定义提示框?

PowerApps下拉控件添加悬停自定义提示方案

原生DropDown控件本身不支持直接为选项添加悬停提示,但可以通过以下两种方案实现需求:

方案一:用ComboBox控件替代(推荐)

ComboBox的灵活性更强,可直接为选项配置悬停提示:

  1. 重构集合,包含显示文本和对应提示:
    ClearCollect(colSubmitActions,
        {Text: "Submit", Tooltip: "提交当前表单内容"},
        {Text: "Missing Info", Tooltip: "标记表单存在缺失信息并暂停"},
        {Text: "Route for Review(D)", Tooltip: "将表单发送给部门负责人审核"},
        {Text: "Route for Review(T/S)", Tooltip: "将表单发送给技术/支持团队审核"},
        {Text: "Send ST", Tooltip: "发送给测试团队进行标准测试"},
        {Text: "Send PVT", Tooltip: "发送给内部团队进行私有测试"},
        {Text: "On Hold", Tooltip: "将表单置为暂停状态,等待后续处理"},
        {Text: "Complete", Tooltip: "标记表单已完成所有流程"}
    )
    
  2. 替换原有DropDown为ComboBox控件,设置核心属性:
    • Items:colSubmitActions
    • DisplayFields:["Text"]
    • SearchFields:["Text"](不需要搜索可设为空)
  3. 配置选项模板的提示:
    打开ComboBox的ItemTemplate,插入Label控件,设置Label的Text为ThisItem.Text,Tooltip为ThisItem.Tooltip。此时鼠标悬停在选项上会自动显示对应提示。

方案二:DropDown+悬浮Label(适配必须用DropDown的场景)

若需保留DropDown控件,可搭配Label实现悬浮提示:

  1. 同样使用方案一中带提示字段的colSubmitActions集合。
  2. 保留DropDown1,设置Items为colSubmitActions.Text。
  3. 添加Label控件(命名为lblTooltip),设置以下属性:
    • Visible:DropDown1.IsOpen && !IsBlank(LookUp(colSubmitActions, Text = DropDown1.SelectedText.Text, Tooltip))
    • Text:LookUp(colSubmitActions, Text = DropDown1.SelectedText.Text, Tooltip)
    • Position.X:DropDown1.X + DropDown1.Width + 10
    • Position.Y:DropDown1.Y + (DropDown1.SelectedIndex * DropDown1.ItemHeight)
      可按需调整Label的背景、边框样式,提升提示可读性。

注:方案二的体验略逊于ComboBox,DropDown的悬停选中响应流畅度不如ComboBox,需手动调整提示位置适配不同选项。

内容的提问来源于stack exchange,提问作者SDPate

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.14 08:42:10