SAPUI5
杨江
前SAP/IBM/BlackBerry工程师,专注于SAP Firoi、SAP BTP(SCP)、移动、工业制造解决方案(sapui5、Fiori、HANA、SAP MII、SMP、 Afaria)的培训、顾问、实施。1088133@qq.com
展开
-
安装SAPGUI 8.0
SAP_GUI_for_Windows_8.00_Comp.64\PRES1\GUI\Windows\Win64原创 2023-09-09 09:00:00 · 1026 阅读 · 0 评论 -
vscode Fiori界面缺省改为黑白的了
index.html和flpSandbox.html里面的data-sap-ui-theme参数,从sap_belize 改为sap_fiori_3,造成整个界面很素,肃杀,萧条。汗,赶快改回去吧,改为 sap_belize,重启测试环境,OK了。原创 2023-01-03 11:27:18 · 181 阅读 · 0 评论 -
SAP OData开发错误消息
SAP产品官方推荐用在OData response的http头里面设置 sap-message参考http://www.saplearners.com/map-message-odata-response-header-sap-message/原创 2019-01-19 16:10:35 · 841 阅读 · 0 评论 -
SAP UI5资源文件位置指定
以Android Kapsel mobile app为例,使用SAPUI5类库 例子1: plugins\kapsel-plugin-logon\www\common\assets\ui\LogonForm.js 文件中要使用 1)www\mobile\目录的view xml, view js, controller js资源文件 2)www\mymodules\下面的js资源文件sap.原创 2016-09-20 19:57:15 · 1243 阅读 · 0 评论 -
Fiori app预加载第三方js库
在WebIDE中开发Fiori,sapui5应用,应用中在index.html中使用 来include第三方js库,在WebIDE中和html 5应用测试都没有问题。但是部署到SAP Cloud Portal的Fiori Launchpad中,就提示相关库找不到!解决办法: 修改项目manifest.json文件,增加js部分内容"resources": { "js": [原创 2017-08-17 20:10:32 · 874 阅读 · 0 评论 -
SAP HCP WebIDE和OSChina git的集成
HCP WebIDE中,鼠标右键菜单选择Git -> Clone Repositoryhttps://git.oschina.net/myusername/myproject.gitHCP WebIDE中,选择 我的项目, 鼠标右键菜单 Git -> initialize Local Repository 项目中多了几个文件窗口右上角弹出消息中提示点击 Set RemoteName: origin原创 2017-01-15 19:49:56 · 1335 阅读 · 0 评论 -
sapui5代码中使用jquey插件flot画图
下载js类库放到app的js目录下面修改文件manifest.json "resources": { "js": [ { "uri": "js/jquery.flot.js" }, { "uri"原创 2017-08-09 23:05:48 · 817 阅读 · 2 评论 -
sapui5 app中使用自定义css文件
我在web应用中测试过css,方法如下: 1. index.html修改 目录css下面文件内容style.css .lande-text{font-family:”华文彩云”, “黑体”, “华文细黑”; font-size:32px; color:#000000;} .lande-background-link{background: rgb(255, 255, 96);}修改view.原创 2017-03-23 17:05:24 · 1389 阅读 · 0 评论 -
sapui5 Fiori表格Table对不同分辨率设备的自适应responsive
例子代码: 效果:参考: https://experience.sap.com/fiori-design-web/responsive-table/原创 2017-03-24 11:41:00 · 1474 阅读 · 0 评论 -
sapui5中的formatter和Table数据显示 有一则例子
Table中formatter的使用两个例子: new sap.m.Text({ text: {path: 'CKDATE', formatter: function(sDate) { var fDate = sDate.split(" ");原创 2017-03-24 13:11:22 · 1191 阅读 · 0 评论 -
sapui5 表格不同行的颜色控制
原理: 设置css,为不同数据的行使用不同的颜色 <!-- CSS colurs for country colors --> <style type="text/css">tr[data-background="Mexico"] { background-color: #eaa6a6 !Important;}tr[data-background="Germany"] {原创 2017-04-02 14:57:13 · 1943 阅读 · 0 评论 -
SAPUI5页面跳转方法
oPanel.removeAllContent(); oPanel.addContent(myView);参考: http://jsbin.com/aku_switch_views/1/edit?html,css,js,output原创 2017-05-12 15:25:45 · 2732 阅读 · 0 评论 -
sapui5 table responsive显示- 手机上自动折行显示
代码片段: 参考: https://experience.sap.com/fiori-design-web/responsiveness-adaptiveness/https://openui5.hana.ondemand.com/#docs/guide/38855e06486f4910bfa6f4485f7c2bac.htmlhttps://archive.sap.com/discussion原创 2017-08-02 13:26:47 · 779 阅读 · 1 评论 -
SAPUI5应用切换sapui5 类库版本
简单粗暴的方法:修改index.html src=”https://sapui5.hana.ondemand.com/1.38.25/resources/sap-ui-core.js”参考: version list:https://sapui5.hana.ondemand.com/versionoverview.htmlif you want to use specific versi原创 2017-09-13 13:48:51 · 1106 阅读 · 0 评论 -
sapui5 Table翻页
sapui5提供了简单的翻页API sap.m.PagingButton,但是翻页逻辑要自己做。参考: https://sapui5.hana.ondemand.com/sdk/test-resources/sap/ui/commons/demokit/Paginator.htmlhttps://blogs.sap.com/2016/12/14/sapui5-pagination-in-sap.m原创 2017-03-30 14:39:53 · 1527 阅读 · 0 评论 -
sapui5不同View之间传参数的方法
setModel(odata):简洁易用,但是占内存生存周期长Page.to(pageid, odata):稍微罗嗦,可以用routing :这个我还不会参考: https://archive.sap.com/discussions/thread/3537384原创 2017-02-15 15:47:54 · 1670 阅读 · 0 评论 -
SAPUI5 ToolPage效果
参考: https://sapui5.hana.ondemand.com/explored.html#/sample/sap.tnt.sample.ToolPage/preview原创 2017-01-29 12:43:29 · 1278 阅读 · 2 评论 -
在Kapsel应用中使用SMP SDK内置的sapui5库
如果想提供app的启动速度,直接使用SMP SDK Logon plugin里面的sapui5库,可以参考 http://scn.sap.com/docs/DOC-65387, SAPUI5 Used by the Logon Plugin 章节Alternatively if your application uses SAPUI5, you may wish to reference the原创 2016-08-15 18:22:33 · 1232 阅读 · 1 评论 -
sapui5 访问OData数据
开发环境:eclipse Luna, sapui5 toolkit eclipse plugin(从sap官网下载) 运行环境:eclipse + Tomcat OData环境:SAP在公网上提供的免费的基于NetWeaver Gateway的测试用OData服务代码说明: 最开始测试 sServiceUrl = “http://sapes1.sapdevcenter.com:8080/原创 2016-08-04 16:36:43 · 4800 阅读 · 0 评论 -
SAPUI5用了哪些web技术?
SAPUI5 Built with Leading Web Technologies jQuery:不说了 CSS3:网页样式表css OData:内置OData数据显示控件、OData请求处理能力 LESS:Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。 D3.js:超酷的SVG图形原创 2016-08-07 18:01:35 · 1277 阅读 · 3 评论 -
SAPUI5内置的AJAX类库对POST请求的处理不提交HTTP HEADERS
SAPUI5内置的AJAX类库,在提交POST请求的时候,忽略了http headers。GET请求没有这个问题。下面的代码不能提交HTTP HeaderssUrl = getSMPURL() + "/odata/applications/latest/com.sap.flight.kapsel/Connections";$.ajax({ type : "POST", cache原创 2016-08-14 11:46:22 · 1425 阅读 · 0 评论 -
Cordova CORS请求SMP 资源失败
代码: test1: function() { $.ajax({ type : "GET", cache : false, url: "http://smp.springworks.info:8081/app1/test/index2.jsp", beforeSend : funct原创 2016-10-20 07:04:43 · 1204 阅读 · 0 评论 -
sapui5中的formatter和Table数据显示
json数据: var data1 = { "results": [ { "option": "质证书1", "selected": "0" }, { "option": "质证书2", "selected": "1" } ]原创 2016-11-23 11:40:54 · 1803 阅读 · 0 评论 -
SAPUI5, Fiori相关官方培训
Fiori开发官方培训路线图: https://training.sap.com/cn/zh/curriculum/fiori-sap-fiori-g-enFiori管理官方培训路线图: https://training.sap.com/cn/zh/curriculum/uxfadm-sap-fiori-administration-g-ensapui5相关培训: SAPX04 HTML5原创 2016-11-25 08:03:02 · 2860 阅读 · 0 评论 -
SAPUI5 OData请求传参数,expand展现数据
例如要传para1, para2, para3这里写代码片var oModel = new sap.ui.model.odata.ODataModel(uri, true, user, pa原创 2016-11-19 11:47:27 · 4782 阅读 · 0 评论 -
sapui5 oData例子代码两则
用js的代码:这里写<!DOCTYPE HTML><html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/> <script sr原创 2017-01-06 11:29:17 · 2371 阅读 · 3 评论 -
HCP Fiori sandbox 演示应用
Fiori主启动界面 Fiori主启动界面中点击左上角的人像图标,左边弹出相关窗口 从Fiori主启动界面 跳转到一个App - 上面是Fiori导航,下面是App的左右split窗口 App界面缩小到手机浏览器大小,上面是Fiori导航,下面是App的左边的导航窗口缩小为一个菜单栏 点击菜单栏,出现下来菜单原创 2017-01-06 20:54:09 · 799 阅读 · 0 评论 -
openui5案例
德国的一个网店 https://www.loprofin.de/nutricia/de-de参考: http://openui5.org/whoUsesUI5.html原创 2017-01-07 09:23:13 · 1728 阅读 · 0 评论 -
sapui5 shell 调用app,app可导航
第一步:在index.html 中构造app, pages, shell 第二步:在shell controller js代码中 onInit方法中addContent(app)第一步代码: sap.ui.localResources("mobile"); var app = new sap.m.App({initialPage:"idpage2"});原创 2017-01-09 04:13:54 · 1396 阅读 · 2 评论 -
Chrome sapui5开发调试工具
ui5框架内置工具:ctl + shift + alt + s 打开ui5 explorer窗口chrome插件: UI5 Inspector原创 2017-01-28 07:46:15 · 1844 阅读 · 0 评论 -
SAPUI5:图标icon
new sap.ui.commons.Button( { icon : “sap-icon://log“})黑体字 log是类似退出的按钮。 还有arrow-left等等https://sapui5.hana.ondemand.com/iconExplor原创 2016-06-05 15:45:10 · 3112 阅读 · 0 评论