Additional Blogs by Members
cancel
Showing results for 
Search instead for 
Did you mean: 
Former Member
0 Kudos

原文地址:http://www.abaptech.com/2012/12/%e7%bf%b1%e7%bf%94%e4%ba%91%e5%a4%a9-%e8%bf%9b%e4%b8%80%e6%ad%a5work...

本文内容参考:

http://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/50f10bf7-e744-2f10-88a1-b3791974d...
经过第一个移动应用练习,我们对SUP的开发已经有了一些概念,现在开始做一些SCN上提供的练习,算是进一步加强回顾.
1. 修改workflow应用的图标和主题
内容
描述或图片
修改Icon
->打开上一章所做的练习
->找到workflow部分,进入flow design
->下方client icon中选择你想要使用的icon,如果想使用自定义的,需要修改源程序
->重新Generate
clip_image002
修改主题
->在generate画面上选择主题
clip_image003clip_image005
测试结果
clip_image007
2. 控制应用可以显示的字段
内容
图片或者描述
->进入customer屏幕
->下方cell中选择要删除的显示内容
->重新生成
clip_image008
clip_image009
clip_image010
测试结果
clip_image011
3. 添加根据条件查询功能
内容
图片
修改MBO
->进入MBO
->选择属性
->进入object query
->添加
->如图,根据公司名字进行选择
->Deploy MBO
clip_image012
clip_image014
clip_image016
添加查询
->添加一个editbox到start屏幕
clip_image017
clip_image018
->添加一个菜单项
clip_image019
clip_image021
clip_image023
->Generate,测试
clip_image025
clip_image027
4. 由服务端启动应用
内容
图片
->创建Server initiated node
->选择MBO,使用前面创建的query
->输入主题
->创建匹配规则
clip_image028
clip_image030
clip_image032
clip_image033
clip_image035
->关联屏幕,生成应用
clip_image037
->发送通知
->在模拟器中查看结果
clip_image038
clip_image040
clip_image041clip_image042
clip_image043
clip_image044
5. 改变应用的图标以及颜色
内容
图片
->下载图片
clip_image046
->找到html的路径
clip_image048
->修改JS代码
clip_image050
clip_image052
// Add by bob
var form = document.forms[screenToShow + "Form"];
if (form) {
// header
var topOfFormElem = document.getElementById(“topOf” + screenToShow + “Form”);
if (topOfFormElem) {
topOfFormElem.innerHTML = “<center><img id=’ImgSylogo’ src=’./images/syLogo.gif’/></center><br/>”;
// footer
var bottomOfFormElem = document.getElementById(“bottomOf” + screenToShow + “Form”);
bottomOfFormElem.innerHTML = “<center><p>Copyright 2012, xuchunbo</p></center>”;
}
}
// End add by bob
->重新生成应用,测试
clip_image053