HTML5开发移动web应用――SAP UI5篇(6)
导读：收集整理的这篇文章主要介绍了html5教程-HTML5开发移动web应用――SAP UI5篇(6 ，觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。...
收集整理的这篇文章主要介绍了html5教程-HTML5开发移动web应用――SAP UI5篇(6)，觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 ·· 在SAP UI5中，使用i18n文件的方式来解析变量。对于以后开发不同的语言包，也有对应不同的i18n文件。我们先来大体看一下在SAPUI5中，i18n是如何使用的。 首先我们建立一个文件，文件名为i18n.PRoPErties。在其中编写如下内容：
showHelloButtonText=SayHello
helloMsg=Hello{ 0}
这里其实定义了几个变量或者方法的值。要调用他们，我们首先修改controller内容如下：
sap.ui.define([ "sap/ui/core/mvc/Controller", "sap/m/MessageToast", "sap/ui/model/json/JSONModel", "sap/ui/model/resource/ResourceModel"], function (Controller, MessageToast, JSONModel, ResourceModel) {
"use strict";
return Controller.extend("sap.ui.demo.wt.controller.App", {
onInIT : function () {
VAR oData = {
recipient : {
name : "World" }
}
;
var oModel = new JSONModel(oData);
this.getView().setModel(oModel);
var i18nModel = new ResourceModel({
//引入i18n文件内容，另一个model bundleName: "sap.ui.demo.wt.i18n.i18n"//bundleName设定了该model的文件 }
);
this.getView().setModel(i18nModel, "i18n");
//设定视图的i18nmodel为i18nModel }
, onShowHello : function () {
var oBundle = this.getView().getModel("i18n").getResourceBundle();
/获取i18nmodel var sRecipient = this.getView().getModel().getProperty("/recipient/name");
var sMsg = oBundle.getText("helloMsg", [sRecipient]);
MessageToast.show(sMsg);
}
}
);
}
);
逻辑没变，但我们注意代码中以下几个部分。要定义引用i18n文件，通过setModel来设定，设定的模型传进第一个参数为i18nModel，表示要设定的是i18n模型，后面传入具体的i18n文件，在上一行中定义了其路径。这些操做都在初始化函数中进行设定。 之后我们新定义了一个onShowHello函数，第一句代码获取了i18n模型。注意最重要的部分，定义了sMsg，setText传入的第一个参数为我们在i18n中定义的helloMsg，其中的{ 0} 就用前面定义的sRecipient所取到的值。最后显示的结果就和我们之前相同了。
同时修改视图部分：
mvc:view controllername="sap.ui.demo.wt.controller.App" XMlns="sap.m" xMLns:mvc="sap.ui.core.mvc">
button Press="onShowHello" text="{
i18n>
showHelloButtonText}
">
/button>
input description="Hello {
/recipient/name}
" value="{
/recipient/name}
" valueliveupdate="true" width="60%" data-cke-editable="1" contenteditable="false">
button press="onShowHello" text="{
i18n>
showHelloButtonText}
">
/button>
/mvc:view>
使用之前定义的showHelloButtonText，取出Say Hello的值显示在按钮上。在Input按钮中我们可以看到，其定义的value值，将用户输入的value传入{
/recipient/name}
，并在controller中取到该值。这就是使用i18n的大体流程。 ·· 在SAP UI5中，使用i18n文件的方式来解析变量。对于以后开发不同的语言包，也有对应不同的i18n文件。我们先来大体看一下在SAPUI5中，i18n是如何使用的。 首先我们建立一个文件，文件名为i18n.properties。在其中编写如下内容：
showHelloButtonText=SayHello
helloMsg=Hello{ 0}
这里其实定义了几个变量或者方法的值。要调用他们，我们首先修改controller内容如下：
sap.ui.define([ "sap/ui/core/mvc/Controller", "sap/m/MessageToast", "sap/ui/model/json/JSONModel", "sap/ui/model/resource/ResourceModel"], function (Controller, MessageToast, JSONModel, ResourceModel) {
"use strict";
return Controller.extend("sap.ui.demo.wt.controller.App", {
onInit : function () {
var oData = {
recipient : {
name : "World" }
}
;
var oModel = new JSONModel(oData);
this.getView().setModel(oModel);
var i18nModel = new ResourceModel({
//引入i18n文件内容，另一个model bundleName: "sap.ui.demo.wt.i18n.i18n"//bundleName设定了该model的文件 }
);
this.getView().setModel(i18nModel, "i18n");
//设定视图的i18nmodel为i18nModel }
, onShowHello : function () {
var oBundle = this.getView().getModel("i18n").getResourceBundle();
/获取i18nmodel var sRecipient = this.getView().getModel().getProperty("/recipient/name");
var sMsg = oBundle.getText("helloMsg", [sRecipient]);
MessageToast.show(sMsg);
}
}
);
}
);
逻辑没变，但我们注意代码中以下几个部分。要定义引用i18n文件，通过setModel来设定，设定的模型传进第一个参数为i18nModel，表示要设定的是i18n模型，后面传入具体的i18n文件，在上一行中定义了其路径。这些操做都在初始化函数中进行设定。 之后我们新定义了一个onShowHello函数，第一句代码获取了i18n模型。注意最重要的部分，定义了sMsg，setText传入的第一个参数为我们在i18n中定义的helloMsg，其中的{ 0} 就用前面定义的sRecipient所取到的值。最后显示的结果就和我们之前相同了。
同时修改视图部分：
mvc:view controllername="sap.ui.demo.wt.controller.App" xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc">
button press="onShowHello" text="{
i18n>
showHelloButtonText}
">
/button>
input description="Hello {
/recipient/name}
" value="{
/recipient/name}
" valueliveupdate="true" width="60%" data-cke-editable="1" contenteditable="false">
button press="onShowHello" text="{
i18n>
showHelloButtonText}
">
/button>
/mvc:view>
使用之前定义的showHelloButtonText，取出Say Hello的值显示在按钮上。在Input按钮中我们可以看到，其定义的value值，将用户输入的value传入{
/recipient/name}
，并在controller中取到该值。这就是使用i18n的大体流程。 觉得可用，就经常来吧！ 欢迎评论哦！ html5教程，巧夺天工，精雕玉琢。小宝典献丑了！
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： HTML5开发移动web应用――SAP UI5篇(6)
本文地址： https://pptw.com/jishu/587098.html