摘要:在开发和测试中,我们一般不会使用生产用的真实的远程服务器,因为这样可能对真实服务器增加负载,而且很不安全。 为了测试我们的程序我们可以使用SAPUI5提供的Mock Server来模拟一个服务器。 Walkthrough中的Step27详细讲解了Mock Server的实现过程。 Walkthrou
阅读全文
摘要:到目前为止,我们已经能够处理本地JSON数据,今天我们将访问一个真正的OData服务来连接远程数据。 在真实场景中,数据一般都是存储在远程的服务器中,我们可以通过Odata服务来访问数据。 我们将向manifest中添加一个数据源配置,并将invoice模型的JSONModel类型替换为公共可用的N
阅读全文
摘要:过滤-Filtering 给List加上过滤功能。 首先在视图上添加SearchField搜索控件。 然后再对应controller中实现过滤方法。 在控制器中我们首先需要引入两个对象: 1.Filter:过滤器。过滤器对象将保存我们对过滤器操作的配置。 在该onFilterInvoices函数中,
阅读全文
摘要:表达式绑定-Expression Binding 有时,SAPUI5的预定义类型不够灵活,我们可以在视图中进行简单的计算或格式化来实现一些我们想要的显示效果。 这个例子我们使用表达式绑定来格式化我们的价格。 代码部分只需修改InvoiceList.view.xml。 给ObjectListItem控
阅读全文
摘要:今天我们使用walkthrough中step21的例子学习一下将数字以货币的格式显示。 为了方便我使用了SAPUI5 DEMO Kit上walkthrough Step21的例子,可以在 https://sapui5.netweaver.ondemand.com/sdk/#/entity/sap.m
阅读全文
摘要:介绍几个SAPUI5常用的布局标签和样式。 Shell、App、Page和Panel Shell标签是页面上两侧的空白部分,用于在超大页面上显示时能够调整宽度使画面正常显示。 App标签是为了保证在移动设备上页面也能正常显示。Page标签表示一个页面。Panel标签内部封装了值为true的displ
阅读全文
摘要:SAP UI5支持多语言功能。i18n就是internationalization,国际化、多语言的意思。为什么叫i18n呢?因为这个单词太长了首字母i和末尾字母n之间有18位,所以为了简单就叫i18n了。 那么它是怎么实现多语言的呢?这个属性文件包含了每个元素的名称和值。 在运行时SAPUI5会读
阅读全文
摘要:接着上一篇的例子基础上做一个对话框的例子。 我们打算在Fragments里设计一个对话框,有两个按钮, OK按钮按下把名字和公司添加到表格里,关闭对话框。 CANCEL按钮按下什么都不做,关闭对话框。 首先在view文件夹下新建一个AddDialog.fragment.xml。 1 <core:Fr
阅读全文
摘要:SAPUI5支持MVC模式,其中M-Model是模型层,它的功能主要是为View视图层提供数据。 在SAPUI5中的模型有三种,JSON模型、Odata模型、Resource模型。其实Resource模型也是JSON模型的一种。 接下来做一个JSON模型的实例熟悉JSON模型。 打开App.view
阅读全文
摘要:在上篇文章SAP UI5学习笔记之(二)熟悉的HelloWorld中我们运行了HelloWorld程序。 在启动运行程序时我们发现还有一种运行方式:Run as SAP Fiori Launchpad Sandbox。 这是以沙箱模式测试运行Fiori Launchpad应用的方法。SAPUI5主要
阅读全文
摘要:今天就开始进入SAP UI5实战练习了。 按照惯例,学习任何一门语言和技术,都是从HelloWorld开始,这次也不例外! SAP UI5之HelloWorld 首先新建SAP UI5工程。 在WEB IDE的Workspace上右键→New→Project from Template。 在弹出的创
阅读全文
摘要:SAP UI5的由来 SAP UI5是SAP UI Development Toolkit for HTML5的简称,是SAP公司开发的基于HTML5的开发工具包。 目前市面上的前端开发工具包有很多,比如Bootstrap、Angular、Vue等等,为什么SAP还要开发UI5呢?原因是SAP一直想
阅读全文