文档章节

WijmoJS 支持模板字符串常量

葡萄城技术团队
 葡萄城技术团队
发布于 09/19 15:33
字数 804
阅读 13
收藏 0

在V2019.0 Update2 的全新版本中,WijmoJS 支持了模板字符串常量。

模板字符串是ES2015 / ES6中引入的一个非常棒的JavaScript功能,它们允许您使用插入值来构建多行字符串,并使处理嵌入字符串中的单引号和双引号变得更加容易。

在WijmoJS的新版本中,“模板字符串”将作为WijmoJS的核心组件。

我们为此,添加了 “glbz”的标签功能,您可以使用Globalize with Template Strings而无需编写额外的代码。

例如:

```

import { glbz } from "@grapecity/wijmo";

let price = 19.99;

let tax = 0.1125;

let total = glbz`The total price is <b>${price * (1 + tax)}:c2</b> (including ${tax}:p2 tax).`;

let today = glbz`Today is <b>${new Date()}:'dddd, MMMM d, yyyy'</b>.`;

document.getElementById('total-price').innerHTML = total;

document.getElementById('today').innerHTML = today;        

```

上面的模板字符串包括每个字段后面的格式字符串。格式字符串以冒号(“:”)开头,包含空格的格式字符串必须用引号括起来。

上述代码运行结果是:

```

The total price is $22.24 (including 11.25 % tax).

Today is Monday, July 8, 2019.

```

请注意,“glbz”标记函数是如何将货币和百分比格式应用于值的:格式包含在每个模板元素之后,以冒号(“:”)为前缀。

这些值使用WijmoJS的本地化属性进行格式化,因此数字和日期分隔符、货币符号、日期和月份名称都由globalize自动处理。

例如,如果您将当前计算机语言更改为意大利语或德语,结果将是:

```

    import '@grapecity/wijmo.cultures/wijmo.culture.it';

    ...

The total price is 22,24 € (including 11,25% tax).

Today is lunedì, luglio 8, 2019.

    import '@grapecity/wijmo.cultures/wijmo.culture.de';

    ...

The total price is 22,24 € (including 11,25 % tax).

Today is Montag, Juli 8, 2019.

```

请注意修改小数分隔符、货币符号、工作日和月份名称。

WijmoJS 前端开发工具包的 “glbz”函数为模板字符串添加了很多功能,希望能为您提供帮助。

关于 WijmoJS 前端开发工具包

WijmoJS 前端开发工具包由多款灵活高效、零依赖、轻量级的纯前端控件组成,如表格控件 FlexGrid、图表控件 FlexChart、数据分析 OLAP 等,完美支持原生 JavaScript,以及 Angular、React、Vue、TypeScript、Knockout 和 Ionic 等框架,可用于企业快速构建桌面、移动 Web 应用程序。

借助葡萄城深厚的技术底蕴,WijmoJS 致力于为各领域用户提供更稳定、更高效的前端开发工具。产品自面市以来,已在招商银行、微软 Dynamics 项目、思科、特斯拉、富士通等知名企业中得以成功应用。WijmoJS 凭借其先进的体系架构、简单易学的使用文档、超过 500 种 Demo 演示、顶级的控件性能,以及轻松、易用的操作体验,可全面满足企业前端开发所需,是构建企业级 Web 应用程序最高效的纯前端开发工具包。

© 著作权归作者所有

葡萄城技术团队

葡萄城技术团队

粉丝 409
博文 586
码字总数 906326
作品 20
西安
高级程序员
私信 提问
WijmoJS V2019.0 Update2 发布:增强 React 和 Vue 组件功能

前端开发工具包 WijmoJS 在2019年的第二个主要版本 V2019.0 Update2 已经发布,本次发布涵盖了React 和 Vue 框架下 WijmoJS 前端组件的功能增强,并加入更为易用且灵活的撤消/重做功能和模板...

葡萄城技术团队
09/19
371
0
WijmoJS 全面支持 Angular 7

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/powertoolsteam/article/details/84965702 概述 首先恭喜Angular团队发布Angular 7.0.0版本! 对于大多数开发...

powertoolsteam
2018/12/12
0
0
WijmoJS 中自定义 React 菜单和列表项模板

在V2019.0 Update2 的全新版本中,React 框架下 WijmoJS 的前端UI组件功能再度增强。 WijmoJS的菜单和类似列表的控件(ListBox、ComboBox、MultiSelect)允许用户在 formatItem 事件中使用 ...

葡萄城技术团队
09/19
15
0
【前端开发工具】WijmoJS 2018 v3 正式发布,全面支持Angular7

WijmoJS(前端开发工具包)2018年度第三个大版本已经正式发布,本次更新除了全面支持Angular7之外,还允许用户使用Web Workers在前端更高效地导出PDF、智能的分组表头属性、全新的Ribbon主题...

葡萄城技术团队
2018/12/07
12
0
【官宣】WijmoJS 2018 v3 正式发布,全面支持Angular7

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/powertoolsteam/article/details/84543455 WijmoJS(前端开发工具包)2018年度第三个大版本已经正式发布,本次...

powertoolsteam
2018/11/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法

下面的元素属性和元素方法都通过 elem.属性 或 elem.方法 的方式使用,window属性通过 window.属性 的方式使用,document属性则通过document调用: <script> /* ****** 元素视图属性 * offs...

Bing309
16分钟前
4
0
Apache Kafka快速入门指南

简介 Kafka是基于发布订阅的消息系统。最初起源于LinkedIn,于2011年成为开源Apache项目,然后于2012年成为Apache顶级项目。Kafka用Scala和Java编写,因其分布式可扩展架构及可持久化、高吞吐...

AiChinaTech
18分钟前
2
0
Discrete Cosine Transform [DCT] (离散余弦变换)

Discrete Cosine Transform [DCT] (离散余弦变换)

divenwu
18分钟前
2
0
如何玩转 TiDB 性能挑战赛?本文教你 30 分钟快速上手拿积分!

作者:wish 上周我们正式宣布了 TiDB 性能挑战赛。在赛季内,通过向 TiDB、TiKV、PD 贡献代码完成指定类别任务的方式,你可以获得相应的积分,最终你可以使用积分兑换礼品或奖金。在性能挑战...

TiDB
19分钟前
2
0
12、SpringMVC数据回显

数据回显方法 1.springmvc默认对pojo数据进行回显。 pojo数据传入controller方法后,springmvc自动将pojo数据放到request域,key等于pojo类型(首字母小写) 使用@ModelAttribute指定pojo回显...

快乐的瓶子
20分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部