SAP UI5 - Resourse Bundle

处于多语言考虑,控件名称是需要根据语言不同进行翻译的,因此在UI5中一般会把这些文本统一放在一个文件中,i18n.properties.

今天尝试下绑定这个文件,以下所有代码全部在Display.view.js中

 1     createContent : function(oController) {
 2         var oModel = new sap.ui.model.resource.ResourceModel(
 3                 {
 4                 bundleName: "i18n",
 5                 bundleLocale: "zh",
 6                 }
 7                 );
 8         var myBundle = oModel.getResourceBundle();
 9
10         var oButton = new sap.ui.commons.Button({
11             id : "B1", // sap.ui.core.ID
12             //text : "TTTTTT",
13             text : myBundle.getText("BUTTON_NAME") // string
14         });
15         return oButton;
16     }

这里声明的oModel是一个ResourceModel,bundleName对应文件名,bundleLocale对应语言,

UI5核心库会自动根据这两个参数去寻找路径为/resourece/i18n_zn.properties的文件

在这个文件中 新建一个文本:

BUTTON_NAME=MY BUTTON

当使用oModel.getResourceBundle().getText("BUTTON_NAME")的时候,会自动去这个文件中获取对应的字符串,

这边为MY BUTTON.

效果如下:

这边的文件路径默认为/resource, 有点不太灵活,查看了UI5的API,发现有另外一个参数可以设定

bundleUrl: 这边填写的路径是相对于整个项目的路径

在WebContent下建立一个i18n文件夹,并且放入刚才的i18n_zh.properties文件

ResourceModel如下定义:

1         var oModel = new sap.ui.model.resource.ResourceModel(
2                 {
3                 bundleUrl: "./i18n/i18n.properties",
4                 bundleLocale: "zh",
5                 }
6                 );

测试,成功。

时间: 2024-10-03 20:02:00

SAP UI5 - Resourse Bundle的相关文章

HTML5开发移动web应用——SAP UI5篇(9)

之前我们对于app的构建都是基于显示的,现在我们来格式化一下,引入更多的SAP UI5组件概念.这使得APP的一个界面更有层次性,更像是一个手机应用的界面,并且更好地使用SAP UI5中提供的功能.每个不同的层次都有不同的功能. 首先修改App.view.xml文件代码: <mvc:View controllerName="sap.ui.demo.wt.controller.App" xmlns="sap.m" xmlns:mvc="sap.ui.c

OPEN(SAP) UI5 学习入门系列之一:扫盲与热身(上)

什么是SAP Fiori? 了解SAP UI5必须要从SAP Fiori开始,两者概念经常被混淆,而两者也确实有着非常紧密的关系. 用过SAP的同学们都对SAP的传统的界面(SAP GUI)表示"呵呵",其实传统的SAP GUI的界面功能还是很强大的,但是对于一个新用户来说,学会使用这套界面就需要花上一两 周的时间,所以SAP入门的第一步就是学会使用SAP GUI.此外,传统的SAP GUI只能在Windows和Mac上使用,对于移动端用户没有直接的解决方案,WEBGUI的体验也非常不

HTML5开发移动web应用——SAP UI5篇(8)

本次对之前学习的SAP UI5框架知识进行简单小结.以及重点部分知识的梳理. 1.在UI5使用过程中,命名空间的概念非常重要. 2.一般的sap组件引用格式例如以下: sap.ui.define([ "sap/ui/core/UIComponent", "sap/ui/model/json/JSONModel", "sap/ui/model/resource/ResourceModel"], function (UIComponent, JSON

HTML5开发移动web应用——SAP UI5篇(7)

SAPUI5中支持利用Component对组件进行封装.想封装一个组件,Component的基本代码例如以下: sap.ui.define([ "sap/ui/core/UIComponent"], function (UIComponent) { "use strict"; return UIComponent.extend("", { init : function () { // call the init function of the

SAP UI5

接上一篇,上一篇我尝试了部署一个UI5的项目到HCP上,成功访问了,发现去年折腾的时候创建了非常多的Application, 这次全部被我清除了. 这次准备尝试下SAP UI5的View, 研究下是如何工作的. 首先由于创建项目时勾选了创建一个空的view, 因此部分文件和代码已经创建完了: 在index.html中 以下代码已经被创建出来了: 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="

OPEN(SAP) UI5 学习入门系列之二: 最佳实践练习之一

这篇博文难产了很久,原来是打算一周更新一篇的,上周原计划写MVC,但是写了一半,发现带入了太多的细节,不太符合这个入门系列的主题. 当我们学习一个新的技能的时候,如果一开始就面对大量的细节,很容易陷入其中而只见树木不见森林,所以最后我想我们还是先按照开发文档的节奏,一起来做UI5的最佳实践练习.在练习中对常用的一些控件以及API有一个直观的感受,如果需要细节的信息再去查文档. 这个最佳实践练习的子系列又会分为若干篇,但是不会完全按照Tutorial里面的章节来分,因为我希望每一篇都是都是一个完整

SAP UI5 之 HELLO WORLD

去年八月份的时候 鼓捣过一次UI5以及SAP HCP, OData之类的东西,很多东西都已经忘记了,这次工作需要,需要重新学习UI5相关的东西,准备记录下来,方便以后回顾. 先尝试写一个HELLO WORLD,并准备部署到HCP上,开发IDE采用 eclipse+sublime, eclipse中插件在去年已经装过了..因此开发环境大体上搭建完成了. 1. eclipse中右击新建一个SAPUI5 Application Project. 默认生成一个JavaScript的View, 命名为My

在Kubernetes上运行SAP UI5应用(下): 一个例子体会Kubernetes内容器的高可用性和弹性伸缩

上一篇文章 在Kubernetes上运行SAP UI5应用(上),我介绍了如何在Docker里运行一个简单的SAP UI5应用,并且已经成功地将一个包含了这个UI5应用的docker镜像上传到Docker hub上. 这篇文章作为这个主题的下半部分,将会介绍如何在Kubernetes里运行这个docker镜像. 文章目录 Kubernetes里的两个重要概念:pod和deployment Kubernetes保证应用程序高可用性和伸缩性的一些体验 Kubernetes滚动升级(Rolling U

SAP UI5和微信小程序对比之我见

今天继续由SAP成都研究院著名的菜园子小哥Wang Cong,给大家分享他作为一个SAP前端人员是如何看待SAP UI5和微信小程序的异同点的. 关于Wang Cong种菜的手艺,大家请移步到他以前的文章 SAP成都研究院非典型程序猿,菜园子小哥:当我用UI5诊断工具时我用些什么 去观摩,这里不再赘述. 下面是他的正文. 近几年微信小程序发展之势如火如荼,越来越多的用户放弃原生App,转而投入小程序的怀抱,大有"一个微信行天下"的趋势. 面对如此巨大的流量机遇,百度.阿里等公司也纷纷在