html5教程-HTML5开发移动web应用――SAP UI5篇(6)

发布时间:2018-12-13 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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教程,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的html5教程-HTML5开发移动web应用――SAP UI5篇(6)全部内容,希望文章能够帮你解决html5教程-HTML5开发移动web应用――SAP UI5篇(6)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: