扫码阅读
手机扫码阅读

微软Canvas App实战之定制化表单数字的呈现

280 2023-09-06
变量 格式 控件 表单 Card



在上一期的内容中我向大家介绍了使用Canvas App变量和事件的正确姿势，今天再来跟大家谈一谈在微软CanvasApp实战中定制化表单数字的呈现。

通常在应用系统中，日期、时间、货币、数字需要被格式化显示在界面上供用户使用。在Canvas App中，格式化输出使用的是Text函数。其操作对象的输出是文本值。但是，由于零代码拖拉拽生成的Form表单不支持自定义格式，这就造成了较大的麻烦。

本片较短，提供了一个千分位格式显示数字的基本操作思路，阅读约需要5分钟。其他格式同理。



定制化表单数字的呈现



首先我们需要了解一下，Form的结构是三级层次：表单（Forms）-卡片（card）-文本框（Text Input）。表单提交数据时，使用的是Updates值。而此值是所有卡片的Update值的大合集。我们可以通过属性面板观察到，每一个Card的Update其实是具体控件值的一个代理。

那么，我们可以自己做一个变量，取代原有控件为Card提供数据，就不会干扰到数据提交了。于此同时，我们需要维护控件值与我们的变量之间的一致性。

跟我来一步一步做吧：
首先声明一个全局变量，我选择在屏幕显示时执行以下代码：
Set(A,"")
这是一个全局变量，当然你也可以使用局部变量。
然后在Card中找到你所需要格式化文本的控件。
将其Format从Number修改为Text；将其Default修改为变量A，而不是默认的数据源值。毕竟原装的数字是不带格式的。
接着修改该控件的OnChange，代码如下：
含义见注释
// 修改变量值为千分位文本
UpdateContext({A:Text(Value(Self.Text),"[$-en-US]#,###")});
// 将文本框的值设置为默认值
Reset(Self);
这样，控件值就和变量A双向一致了。到此，修改数字的显示格式完成。
然后，有人会担心，这样做是否有副作用呢？毕竟数值型被修改为文本型了啊！
不用怕，去Card控件的Update属性里看看就知道了,文本框值被Value函数转换为值了，所以这样做是没有副作用的。
当然，如果你的变量A是从数据库加载得到的，那么第一步对应代码可能需要修改为
Set(A,Text(Value(查询结果变量),"[$-en-US]#,###"))

今天就到这吧，我们下期再会!


—END—

原文链接： http://mp.weixin.qq.com/s?__biz=Mzg5MzUyOTgwMQ==&mid=2247485418&idx=1&sn=1d0365461b6243a6910d4442abe467ec&chksm=c02c3c4cf75bb55aca09ad51ee905359ef5d38889dd28207d0ef8b58b9d41a5b494f5d80a3cb#rd
相关推荐
编写干净的代码之变量篇
46
变量
当我们自己写代码的时候，都知道这一行行的代码是什么意思，如何工作，如何实现业务需求的，当然，这些仅仅是「当我们自己在写」的时候。
验收标准的目的、格式和最佳实践
456
用户 验收标准 故事 AC
撰写验收标准的目的、格式和最佳实践
标准规范案例 | 产品经理要改变产品世界，但不要改变国际规范
98
格式 规范
产品经理必聊的100个话题 第11期：标准规范\x0a前几天，有个小伙伴问我这样一个问题。
解锁ChatGPT：让人工智能为你工作
595
ChatGPT 表格 格式 Prompt
这篇文章向读者介绍了如何利用ChatGPT提高工作效率，并且提供了多个实际应用场景的实例，包括使用ChatGPT进行内容总结、提炼、数据分析、文案优化、表达温馨祝福、格式转换、排版文章、设计产品，以及作为学习教练和生成培训计划。
单选控件 | 控件怎么选？跟着场景走就对了！
61
控件 选项
产品经理必聊的100个话题 第21期：单选有多少种表示
原来好的组合控件需求描述是这样的！再也不怕上下游看不懂了...
92
数据 控件
产品经理必聊的100个话题 第22期：组合控件的需求描述
神州数码云基地

我们致力于用数字技术重构企业价值，助力企业实现数字化转型升级。

187 篇文章
浏览 56.8K
神州数码云基地的其他文章
3分钟部署 Odoo，全网最快！！
体验Odoo，你还能更快吗？
Odoo｜你还在担心session过期吗？
一步解决odoo中的session错误问题
云原生｜Rancher和OpenShift，究竟该怎么选？
一文教你弄懂OpenShift与Rancher
数据库｜TiDB Binlog实践指南，轻松实现主备集群部署和数据同步
灾备在手，时刻保持正常运行！
最前端｜低代码这么火，你真的了解吗？
十分钟让你了解什么是低代码
随机阅读
3分钟弄懂CMMI2.0基准评估的抽样规则
07-12
CMMI 2.0维持性评估13问
07-12
如何阅读CMMI模型的实践
07-12
CMMI 3.0 究竟包含了哪些实践域?
07-12
CMMI 3.0的276条实践中英文对照
07-12
加入社区微信群
与行业大咖零距离交流学习
软件研发质量管理体系建设 白皮书上线
去下载