PowerApps Canvas 带 CDS 的应用程序 - 如何显示带有 ( ) 的 phone 输入框 - 以便引导用户输入？

Question

在我的 PowerApps 中，我有几个 phone 字段和传真字段，用户可以在其中输入数据，现在它是在 CDS 和 Phone 数据类型中定义的，但我不知道如何走通过用户很好地输入它。我的经理希望我在用户与应用程序 GUI 交互时为他们提供指导体验。那么如何显示带有 ( ) - 的 phone 输入框，以便用户可以在其中填写数字？

Answer 1

在 PowerApps 中可能有很多方法可以实现这一点。下面的不是最优雅的

将文本框 OnChange 属性设置为：

ClearCollect(colPhone,
    Split(txtPhone.Text, "")
);

将文本框 Format 属性设置为 Number
将文本框 MaxLength 属性设置为 11（取决于您想要的格式）
在文本框下方添加标签：

Concatenate(
    "+",
    First(colPhone.Result).Result,
    " (",
    Concat(LastN(FirstN(colPhone.Result,4).Result,3),Result),
    ")-",
    Concat(LastN(FirstN(colPhone.Result,7).Result,3),Result),
    "-",
    Concat(LastN(colPhone.Result,4),Result)
)

将标签 Visible 属性设置为 !IsBlank(txtPhone.Text)

实际示例：

再说一次，很老套，但是您可以通过一些小的调整来使用它。

PowerApps Canvas 带 CDS 的应用程序 - 如何显示带有 ( ) 的 phone 输入框 - 以便引导用户输入？

PowerApps Canvas App with CDS - how to display phone entry box with ( ) - so that user entry could be guided?

powerapps

common-data-service