为SAP EWM RFUI 配置 ITSmobile：使用手册

为 SAP EWM RFUI 配置

ITSmobile：使用手册

为 SAPEWM RFUI 配置 ITSmobile：使用手册

© 2011 SAP AG Page 1/38

目录

版权 3

SAP 重要声明 4

编程示例 4

内部超链接 4

访问 4

性别中立语言 5

图标 5

1 简介 6

2 在 RF 设备上显示 SAP EWM Dynpro（屏幕） 7

2.1 激活标准 ITSMobile 服务 7

创建一个新的软件包 7 2.1.1

激活 SAP 标准服务 7 2.1.2

为不同设备创建不同服务 13 2.1.3

2.2 创建 HTML 模板 13

创建模板 13 2.2.1

发布模板 14 2.2.2

清理缓存 15 2.2.3


© 2011 SAP AG Page 2/38

2.3 修改设备上 RF 界面的外观 15

修改 CSS 15 2.3.1

修改 Dynpro 16 2.3.2

登陆类（Class） 19 2.3.3

2.4 整合硬件功能键 20

2.5 激活声音 20

3 ITSmobile 实现案例 21

4 重要事务 23

5 工具 24

5.1 文件屏幕设计 24

5.2 功能键以及 JavaScript 代码 24

6 更多信息 26

6.1 SAP 社区网络 26

6.2 SAP Notes 26

6.3 RF 手册 26

6.4 互联网 26

7 常见问题 27

8 附录 A——CSS 文件示例 29

9 附录 B——JavaScript 示例 37


© 2011 SAP AG Page 3/38

版权

© Copyright 2011 SAP AG. All rights reserved. SAP Library document classification: PUBLIC No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP AG. The information contained herein may be changed without prior notice. Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors. Microsoft, Windows, Excel, Outlook, and PowerPoint are registered trademarks of Microsoft Corporation. IBM, DB2, DB2 Universal Database, System i, System i5, System p, System p5, System x, System z, System z10, System z9, z10, z9, iSeries, pSeries, xSeries, zSeries, eServer, z/VM, z/OS, i5/OS, S/390, OS/390, OS/400, AS/400, S/390 Parallel Enterprise Server, PowerVM, Power Architecture, POWER6+, POWER6, POWER5+, POWER5, POWER, OpenPower, PowerPC, BatchPipes, BladeCenter, System Storage, GPFS, HACMP, RETAIN, DB2 Connect, RACF, Redbooks, OS/2, Parallel Sysplex, MVS/ESA, AIX, Intelligent Miner, WebSphere, Netfinity, Tivoli and Informix are trademarks or registered trademarks of IBM Corporation. Linux is the registered trademark of Linus Torvalds in the U.S. and other countries. Adobe, the Adobe logo, Acrobat, PostScript, and Reader are either trademarks or registered trademarks of Adobe Systems Incorporated in the United States and/or other countries. Oracle is a registered trademark of Oracle Corporation. UNIX, X/Open, OSF/1, and Motif are registered trademarks of the Open Group. Citrix, ICA, Program Neighborhood, MetaFrame, WinFrame, VideoFrame, and MultiWin are trademarks or registered trademarks of Citrix Systems, Inc. HTML, XML, XHTML and W3C are trademarks or registered trademarks of W3C®, World Wide Web Consortium, Massachusetts Institute of Technology. Java is a registered trademark of Sun Microsystems, Inc. JavaScript is a registered trademark of Sun Microsystems, Inc., used under license for technology invented and implemented by Netscape. SAP, R/3, SAP NetWeaver, Duet, PartnerEdge, ByDesign, SAP BusinessObjects Explorer, StreamWork, and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in Germany and other countries. Business Objects and the Business Objects logo, BusinessObjects, Crystal Reports, Crystal Decisions, Web Intelligence, Xcelsius, and other Business Objects products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of Business Objects Software Ltd. Business Objects is an SAP company. Sybase and Adaptive Server, iAnywhere, Sybase 365, SQL Anywhere, and other Sybase products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of Sybase, Inc. Sybase is an SAP company.

All other product and service names mentioned are the trademarks of their respective companies. Data

contained in this document serves informational purposes only. National product specifications may vary.

These materials are subject to change without notice. These materials are provided by SAP AG and its

affiliated companies ("SAP Group") for informational purposes only, without representation or warranty of

any kind, and SAP Group shall not be liable for errors or omissions with respect to the materials. The only

warranties for SAP Group products and services are those that are set forth in the express warranty.

statements accompanying such products and services, if any. Nothing herein should be construed as

constituting an additional warranty.


© 2011 SAP AG Page 4/38

SAP 重要声明

SAP Library document classification: PUBLIC

This document is for informational purposes only. Its content is subject to change without notice, and SAP

does not warrant that it is error-free. SAP MAKES NO WARRANTIES, EXPRESS OR IMPLIED, OR OF

MERCHANTABILITY, OR FITNESS FOR A PARTICULAR PURPOSE.

编程示例

Any software coding and/or code lines / strings ("Code") included in this documentation are only

examples and are not intended to be used in a productive system environment. The Code is only

intended better explain and visualize the syntax and phrasing rules of certain coding. SAP does not

warrant the correctness and completeness of the Code given herein, and SAP shall not be liable for

errors or damages caused by the usage of the Code, except if such damages were caused by SAP

intentionally or grossly negligent.

内部超链接

The SAP documentation may contain hyperlinks to the Internet. These hyperlinks are intended to serve

as a hint where to find supplementary documentation. SAP does not warrant the availability and

correctness of such supplementary documentation or the ability to serve for a particular purpose. SAP

shall not be liable for any damages caused by the use of such documentation unless such damages have

been caused by SAP's gross negligence or wilful misconduct.

访问

The information contained in the SAP Library documentation represents SAP's current view of

accessibility criteria as of the date of publication; it is in no way intended to be a binding guideline on how

to ensure accessibility of software products. SAP specifically disclaims any liability with respect to this

document and no contractual obligations or commitments are formed either directly or indirectly by this

document. This document is for internal use only and may not be circulated or distributed outside your

organization without SAP's prior written authorization.


© 2011 SAP AG Page 5/38

性别中立语言

As far as possible, SAP documentation is gender neutral. Depending on the context, the reader is

addressed directly with "you", or a gender-neutral noun (such as “sales person” or “working days”) is used.

If when referring to members of both sexes, however, the third person singular cannot be avoided or a

gender-neutral noun does not exist, SAP reserves the right to use the masculine form of the noun and

pronoun. This is to ensure that the documentation remains comprehensible

图标


© 2011 SAP AG Page 6/38

1 简介

本文档介绍了使用基于图像的移动设备时，EWM所需的设置。如需技术介绍，请查看 SAP

Service Marketplace（SAP 服务市场）中 http://service.sap.com/scm->Warehousing->SCM 中

的高级仓储管理系统信息中的 ITSmobile PDF。

http://service.sap.com/scm


© 2011 SAP AG Page 7/38

2 在 RF 设备上显示 SAP EWM Dynpro（屏幕）

2.1 激活标准 ITSMobile 服务

激活标准 ITSMobile 服务 ITSMOBILE01 可以达到测试的目的。若为个人商业需要配置服务，如

使用一个特殊的 CSS 文件，就必须创建自己的服务。第一步是创建一个 ITSMobile 服务。以下章

节介绍了配置这项服务及其参数的具体步骤。

创建一个新的软件包 2.1.1

创建自己的软件包来配置 ITS 服务，如下所述：：

Package（软件包） ZEWM_RF_ITS

Short Text（简短定义） ITS 实施

Component（组件） HOME

1. 运行事务 SE80

2. 选择package，输入package名称后选择Enter（输入）。

3. 如果系统询问是否创建一个新的package，选择Yes。

如需注册成为开发者，可以在 SAP Service Marketplace 上完成。

激活 SAP 标准服务 2.1.2

参考 SAP Note 517484 网络通讯中的未激活服务。

1. 运行事务SICF，输入服务名称，并且选择Excecute（执行）。

2. 打开default_host文件夹，选择服务并且选择Activate Service（激活服务）。

3. 系统询问是否确定要激活这项服务，选择Activate Including Sub-Services（激活包括附属

服务在内的服务）

4. 以下服务必须激活：


© 2011 SAP AG Page 8/38

/default_host/sap/public/bc

/default_host/sap/public/bc/its （包括所有相关服务）

/default_host/sap/public/bc/ur

/default_host/sap/public/icman

/default_host/sap/bc

/default_host/sap/bc/gui

/default_host/sap/bc/gui/sap

/default_host/sap/bc/gui/sap/its

/default_host/sap/bc/gui/sap/its/test

/default_host/sap/bc/gui/sap/its/test/mobile （包括所有相关服

务）

配置 ITSmobile 服务

1. 运行事务 SICF。

2. 输入你的服务的路径。当创建ICF 服务时必须考虑下列事项：

o 你能输入任何路径。将已经在事务SE80中使用或创建的服务名称作为服务名称（路

径的最后一部分）

o 输入CL_HTTP_EXT_ITS（ITS 句柄）作为句柄

o 针对此服务，GUI链接复选框必须被勾选

o 针对GUI配置完成以下输入：

~ITSMOBILE 1

~TRANSACTION <你的事务名>

~THEME <你的主题> （例如， 99）

~ITS MOBILE设置将服务定义为一个移动服务，并且设置相关的ITS默认值。

~TRANSACTION设置指定了要运行的事务。~THEME设置指定了你的服务的主题。

3. 激活这个新的服务并且在上下文菜单中选择Test Service（测试服务）。浏览器会开始运

行你的服务。


© 2011 SAP AG Page 9/38

例：比如，在 SE80 上创建的网络服务被命名为 MYTEST，你希望它可以通过 URL

/test/services 被访问。在这种情况下，应该在事务 SICF 中创建节点/test、/services

和服务 MYTEST。URL 稍后将变为/test/services/MYTEST。

以下部分详细定义了该步骤。

2.1.2.1 创建一个网络服务

1. 运行事务SICF。

2. 选择Execute（执行）。

3. 打开default_host文件夹，在菜单中选择Service/Host->Wizard（向导）: Create Service

（创建服务）。

4. 选择Continue（继续）。如果位于selection screen（选择屏幕），请选择Service and

Continue（服务并继续）。

5. 输入服务名称和描述并选择Continue（继续）。

6. 输入句柄CL_HTTP_EXT_ITS并选择Continue（继续）。

7. 选择Complete（完成）。

你还必须在事务 SE80 中手动创建一个服务，步骤如下：

1. 选择Internet Service（网络服务），输入服务名称后选择Enter（输入）。

2. 如果系统询问事务名称，输入/SCWM/RFUI。

2.1.2.2 配置服务参数

服务参数影响服务及其模板的行为和外观。你可以按如下步骤设置：

1. 运行事务SICF，输入服务名称，并且选择Execute（执行）。


© 2011 SAP AG Page 10/38

2. 双击该服务。

3. 针对GUI Link（GUI链接）选择Yes。

4. 选择GUI Configuration（ GUI 配置）。

5. 在弹出的对话框中输入服务参数。下列表格描述了服务参数及其功能的概况。

服务参数定义例子是否必须

~ITSMOBILE 告知系统这是一个移动服

务。

1 是

~SOURCES

指定应该到哪里查找模板的

位置。

你可以通过分号分隔服务，

以指定它们的顺序。

网络服务名称是

~THEME 模板存储在哪个主题中。 99 是

~TRANSACTION 执行哪个 SAP GUI 事务。 /SCWM/RFUI 是

~ITSMOBILEDEVICEINCLU

DE

你自己设备的 include 文

件。

特定服务中的 HTML 站

点（无.html 后缀）

否

~ITSMOBILECSSINCLUDE

你的 CSS 文件（无.CSS 后

缀）。

一个 CSS 文件名称（必

须被存储为 SE80 中的

一个 MIME 对象）

否

~ITSMOBILEJSINCLUDE 你自己的 JavaScript 文件。 — 否

~ITSMOBILEMSGSOUND 为消息提供声音功能。 — 否

~ITSMOBILECUAINCLUDE 你针对 CUA 区域的模板 CUA 区域表示 header

line（在取得设备特定按

否


© 2011 SAP AG Page 11/38

钮及符号的间隔空间时,

需要用到 header line）

~RESP_CONTENT_TYPE

应用/XHTML 以及 XML 用于

设置有声服务的正确反应类

型

— 否

~ITSMOBILEVOICEINCLUD

E

你自己的有关声音的 include

文件

— 否

~ITSMOBILEELEMFACTOR

RF 设备上的 HTML 模板的

外观要素（factor）；在显示

层定义一个图标（数字或字

母）的宽度（参阅 SAP

Note 1316326）

— 否

~ITSMOBILEELEMUNITS 要素（factor）单位像素否

表 1 ITS mobile 服务参数

2.1.2.3 激活以及测试网络服务

1. 运行事务SICF，输入服务名称并且选择Execute（执行）。

2. 标记此服务并在右键菜单中选择Activate Service（激活服务）。

3. 激活之后，选择Test Service（测试服务）以在你电脑的浏览器中测试这个服务。

2.1.2.4 更改登陆设置

1. 运行事务SICF，输入服务名称并且选择Execute（执行）。

2. 双击服务名称。

3. 在下一个界面上选择Logon Data（登陆数据）选项卡，并选择Alternative Logon

Procedure（可选择登陆程序）。


© 2011 SAP AG Page 12/38

4. 删除Logon Procedure List（登陆步骤列表）下1 - Fields Authentification（字段认证）之

外的所有条目。

2.1.2.5 更改错误页面

1. 选择Error Pages（错误页面）选项卡并且进入Logon Errors（登陆错误）子选项卡。

2. 选择System Logon（系统登录）单选按钮。

3. 选择Configuration（配置）按钮。

4. 按照下图截图所示输入设置内容然后选择Enter（输入）。

图 1 修改错误页面设置

5. 进入Application Errors（应用程序错误）子选项卡并勾选Explicit Response Time（显式

回复时间）复选框。


© 2011 SAP AG Page 13/38

6. 进入Logoff Page（登出页面）子选项卡并选择Redirect URL（重定向网址）单选按钮

7. 输入网络服务的URL

8. 输入生产系统的URL。注意设置内容会被传送（transport）。

9. 进入Not Accessible（无法访问）子选项卡并选择Explicit Response Time（显式回复时间）

单选按钮。

10. 保存你的设置。

为不同设备创建不同服务 2.1.3

如果不同的硬件设备被使用，必须创建不同的服务。因为不同的设备将需要不同的样式单（由于

屏幕分辨率和浏览器等的差异），功能键的激活方式也有所不同。

2.2 创建 HTML 模板

创建模板 2.2.1

1. 运行事务SE80并且选择你想要为其创建模板的功能组（function group）。提示：如果你

想要创建只针对一些特定RF事务的模板，运行事务/SCWM/RFUI，跳转至逻辑事务，然

后选择CTRL+Shift+F1。此处你可以看到必要的技术信息（功能组以及屏幕数字）。

2. 打开文件夹页面并且选择你想要为其创建模板的屏幕。

3. 在右键菜单中选择Other Functions（其他功能）->Create Template（创建模板）。

4. 输入网络服务以及主题的名称并且选择Generate Style MOBILE4（生成样式移动4）。

5. 输入需要的传送（transports）。

在标准设置中，所有 RF 中使用的通用界面都在下列 function group（功能组）中：

/SCWM/RF_TMPL

/SCWM/RF_SSCR


© 2011 SAP AG Page 14/38

/SCWM/RF_GENERAL

/SCWM/RSRC_DYNPRO

应用相关界面在下列功能组中：

/SCWM/RF_ADHOC

/SCWM/RF_ADHOC_CREATE

/SCWM/RF_GENERAL

/SCWM/RF_INQUIRY

/SCWM/RF_INVENTORY

/SCWM/RF_LOADING

/SCWM/RF_PACKING

/SCWM/RF_PICKING

/SCWM/RF_PUTAWAY

/SCWM/RF_PUTAWAY_EN

/SCWM/RF_QM

/SCWM/RF_REPL

/SCWM/RF_SPREADING

发布模板 2.2.2

1. 进入SE80中的Internet Service（网络服务）。

2. 标记Internet Service（网络服务）并且在右键菜单中选择Publish（发布）->Complete

Service（完成服务）。


© 2011 SAP AG Page 15/38

清理缓存 2.2.3

1. 运行事务SITSPMON。

2. 进入选项卡Template & MIME Cache（模板和MIME缓存）。

3. 在Invalidate Template Caches（未验证模板缓存）屏幕区域，选择System-Wide（系统-

宽）。

4. 在Invalidate MIME Caches（未验证MIME缓存）屏幕区域，选择System-Wide（系统-

宽）。

2.3 修改设备上 RF 界面的外观

你可以通过修改下列设置来影响RF设备上HTML界面的外观：

HTML 模板

HTML 转化器（更改ABAP代码）

CSS（级联样式表，Cascading Style Sheet）

Dynpros

如果想要修改HTML界面的外观，推荐修改CSS。在一个服务中修改并且影响所有HTML网站的外

观是很方便的。不推荐改变某一个模板，因为以后每次重新创建该模板时，系统会重写这些变化。

本文件描述了你如何更改CSS以及dynpros。

修改 CSS 2.3.1

通过修改CSS文件你可以修改以下属性：

颜色

字体大小

内边距


© 2011 SAP AG Page 16/38

边框

文本对齐

在事务SE80中你能直接修改CSS。 CSS文件必须作为一个MIME对象被存储在此服务中。

CSS文件实例可参考附录 A。

如果想改变字段长短，对象的对齐，或者一般屏幕高宽比，你必须改变dynpro。

修改 Dynpro 2.3.2

如果想要修改dynpro，应当将其复制进新的功能组，该功能组与已有功能组相似，例如，

ZRF_PACKING。当设备的屏幕高宽比与dynpro标准屏幕高宽比（8行*40列）不同，你可能需要

上述操作。

使用下列数据以改变屏幕高宽比：

显示（像素）设备 SAP 模板 Dynpro 尺寸（行*列）

240*320 Symbol MC9000 12*19

320*320 Symbol MC3000 12*25

800*600 Symbol MC9090G 8*40（使用标准尺寸以及已调整的 CSS 来处理）

表 2 屏幕分辨率 / 屏幕高宽比

使用 SE80 中的屏幕绘图功能以进行进一步的修改：

1. 检查设备特定的功能组中是否已包含该界面。如果不是，在Customizing（配置）中复制

此界面到相关功能组中。

2. 运行事务SE80，选择界面，并且选择Screen Painter（屏幕绘图）按钮。

3. 修改界面。


© 2011 SAP AG Page 17/38

4. 存储并且激活此界面。

5. 为所有修改过的界面重新创建模板（参考创建HTML模板）。

以下部分细致地描述了修改屏幕的方法。

2.3.2.1 RF Dynpro 基础

运行事务/SCWM/RFUI 时显示的 dynpro 包含两个屏幕：模板屏幕和服务子屏幕。

模板是按钮以及错误信息展示的框架。每个显示文件都有一个模板。

服务分屏幕包含在模板屏幕中。不同的应用界面（例如 WT 确认或 HU 维护）都被显示其中。

2.3.2.2 复制标准 RF 屏幕

1. 在高级仓储管理应用配置（Customizing for Extended Warehouse Management）中，进

入Mobile Data Entry（移动数据入口）->RF Framework（RF框架）->RF Screen

Manager（RF屏幕管理）。

2. 使用以下方法中的一种复制屏幕：

从标准显示文件复制所有屏幕到一个新的显示文件（但是所有屏幕将被复制到唯一

一个功能组）。

复制特定屏幕到特定的功能组。

2.3.2.2.1 复制所有屏幕

1. 进入Display Profile（显示文件）选项卡，进入想要复制的文件（标准文件），并且选择

Copy（复制）。

2. 可以使用显示文件将不同的屏幕分配给不同的设备。运行事务/SCWM/PRDVC以维护一个

演示设备，并且给此演示设备分配一个显示文件（必须在事务/SCWM/RSRC中为每个资源

指定显示资源）。


© 2011 SAP AG Page 18/38

3. 输入所有必要数据，例如显示文件以及参数等。如果想要复制或者转换设备子屏幕，选择

相关的单选按钮。如果选择Convert Screen（转换屏幕），系统会自动转换屏幕来匹配已

定义的模板尺寸。

注意所有服务分屏幕必须被复制或者转换到一个功能组。必须检查转换的结果。尤其当完

全改变了屏幕高宽比并且转换了这些服务子屏幕时，结果可能会不充分。在这种情况下你

将必须手动更改。屏幕的原始编号不会被保留；屏幕编号被更改为一个升序排列的编号。

注意菜单项目长度必须小于屏幕宽度。

4. 选择Enter（输入），并输入相关的Transport，Package等等。待系统复制屏幕并且更改

定制（Customizing）后，你就能使用屏幕绘图系统修改屏幕。

2.3.2.2.2 复制特定屏幕

1. 在能够复制特定屏幕之前，必须创建一个新的显示文件。显示文件是用来分配不同的屏幕

给不同的设备的。运行事务/SCWM/PRDVC以维护一个演示设备并且分配一个显示文件给

这个演示设备（必须在事务/SCWM/RSRC中为每个资源指定显示资源）。

2. 在高级仓库管理应用配置（Customizing for Extended Warehouse Management）中进入

Mobile Data Entry（移动数据入口）->RF Framework（RF框架）->RF Screen Manager

（RF屏幕管理）。进入Display Profile（显示文件）选项卡，进入你的显示文件并且选择

Create（创建）。指定所有的参数，并且取消选择Create Sub-Screens（创建子屏幕）复

选框后选择Enter（输入）。

3. 进入Screen（屏幕）选项卡，输入你的显示文件并且选择Search（搜索）。Customizing

（配置）表格显示哪个屏幕对应哪个应用、显示文件、逻辑事务等等。这意味着对于相同

逻辑事务的不同的显示文件，显示的屏幕会有所不同。如果显示文件中模板的屏幕过大，

那么字段Line Defic.以及字段Column Defic.将会显示一个数字。


© 2011 SAP AG Page 19/38

4. 标记你显示文件的条目，然后切换至更改模式。

5. 标记想要复制或转换的屏幕，再视情况选择Convert（转换）或Copy（复制）。

6. 我们推荐你复制包含在一个功能组中的标准屏幕到一个新的功能组。例如，复制包含在功

能组/SCWM/SAPLRF_GENERAL_EN中的所有屏幕到一个新的功能组ZRF_GENERAL_EN。

推荐保留原来的编号方式。

注意：如果使用客户命名空间必须使用Customizing（配置）手动输入SAPL到功能组名称

中。例如，对于功能组/XYZ/RF_PICKING必须在Customizing（配置）中输入

/XYZ/SAPLRF_PICKING。

2.3.2.3 屏幕绘图（Screen Painter）

按照以下步骤进入 Customizing（配置）中的 Screen Painter（屏幕绘图）工具：

1. 在EWM 的配置中进入Mobile Data Entry（移动数据入口）->RF Framework（RF框架）-

>RF Screen Manager（RF屏幕管理）。

2. 进入Screen（屏幕）选项卡，输入你的显示文件，并且选择Search（搜索）。

3. 切换到编辑模式，标记想要修改的屏幕并且选择Edit Screen（编辑屏幕）按钮。

或者也可以按照下列步骤使用 SE80 进入屏幕绘图工具：

1. 选择Function Group（功能组），输入功能组名称，并且选择Display（显示）。

2. 在文件夹屏幕中标记一个屏幕并且选择Layout（布局）。这将会启动屏幕绘图工具。

登陆类（Class） 2.3.3

如果想要更改登陆屏幕的外观，必须更改移动登陆类 CL_MOBILE_SYSTEM_LOGIN。不能通过更

改 CSS 来改变登陆屏幕外观。


© 2011 SAP AG Page 20/38

2.4 整合硬件功能键

对于某些设备和操作系统，必须包含一个 JavaScript 文件在服务中以激活功能键。在标准服务

ITSMOBILE01 中能够找到这样一个文件的实例，文件 DEVINCLUDE_SYMBOL3090。









<META HTTP-Equiv="OnKeydispatch0x3b" content="Javascript:setFKey('1');">

<META HTTP-Equiv="OnKeydispatch0x3c" content="Javascript:setFKey('2');">

<META HTTP-Equiv="OnKeydispatch0x3d" content="Javascript:setFKey('3');">

注意上述代码仅对微软移动操作系统（Windows Mobile operation system）而言是必须的。当使

用微软 CE（Windows CE）时，不需要使用元标签（meta tag）。这是因为微软浏览器可以解析

ITSMOBILE/99/SCRIPTS/ALL/MOBILE.JS 中的 JavaScript。

JavaScript 文件实例可参考附录 B。

2.5 激活声音

服务中必须包含声音文件才能激活声音。可以从标准服务 ITSMOBILE 中复制声音文件到你的互

联网服务或者直接上传.wav 文件作为 MIME 对象。标记声音，并且在右键菜单中选择 Copy（复

制）。输入服务名称以及所有相关数据。选择与 ITSMOBILE 中相同的文件结构。

在事务/SCWM/PRDVC 中你可以指定每个显示设备在什么情况下播放什么声音。

更多信息请参考下列 SAP Notes：

SAP Note 1428050 ITSmobile: new feature:~CURRDYNPRO.MESSAGESOUND

SAP Note 1260592 ITSmobile: Added support for NOTIFY_BELL_SIGNAL


© 2011 SAP AG Page 21/38

3 ITSmobile 实现案例

图2 ITSmobile—— 主菜单

图 3 ITSmobile——重新打包 HU 条目


© 2011 SAP AG Page 22/38

图 4 ITSmobile——源仓位确认


© 2011 SAP AG Page 23/38

4 重要事务

Package SITS_ABAP

维护模板：SE80

发布服务：SICF

ITS内部监视器：SITSPMON（清除ITS缓存）

ICM监视器：SMICM（清除ICM缓存）

系统输入字段：Report SIAC_UPLOAD


© 2011 SAP AG Page 24/38

5 工具

5.1 文件屏幕设计

使用 SAP 服务市场（SAP Service Marketplace）中的电子表格 RFScreenDesign 来保存一个新

RF 事务的屏幕设计。可以在 http://service.sap.com/scm->Warehousing->SCM 中的高级仓储管

理系统信息中找到此表格。

5.2 功能键以及 JavaScript 代码

下列表格是JavaScript代码概览：

按键功能码功能码按键功能码

backspace 8 tab 9 enter 13

shift 16 ctrl 17 alt 18

pause/break 19 cpas lock 20 escape 27

page up 33 page down 34 end 35

home 36 left arrow 37 up arrow 38

Right arrow 39 down arrow 40 insert 45

Delete 46 0 48 1 49

2 50 3 51 4 52

5 53 6 54 7 55

8 56 9 57 a 65

b 66 c 67 d 68

e 69 f 70 g 71



© 2011 SAP AG Page 25/38

h 72 i 73 j 74

k 75 l 76 m 77

n 78 o 79 p 80

q 81 r 82 s 83

t 84 u 85 v 86

w 87 x 88 y 89

z 90 left window

key 91

right window

key 92

select key 93 numpad 0 96 numpad 1 97

numpad 2 98 numpad 3 99 numpad 4 100

numpad 5 101 numpad 6 102 numpad 7 103

numpad 8 104 numpad 9 105 multiply 106

add 107 subtract 109 decimal point 110

divide 111 f1 112 f2 113

f3 114 f4 115 f5 116

f6 117 f7 118 f8 119

f9 120 f10 121 f11 122

f12 123 num lock 144 scroll lock 145

semi-colon 186 equal sign 187 comma 188

dash 189 period 190 forward slash 191

grave accent 192 open bracket 219 Back slash 220

Close bracket 221 Single quote 222


© 2011 SAP AG Page 26/38

6 更多信息

6.1 SAP 社区网络

http://wiki.sdn.sap.com/wiki/display/HOME/ITSmobile

6.2 SAP Notes

1031074 ITSmobile 1.1: 补充以及改进

1030685 对已有事务 /SCWM/RFUI的控制

1055009 对已有事务 /SCWM/RFUI 2的控制

1048461 ITSmobile，移动设备系统登录

1039335 从ITS WebGUI应用不完全登出

1058529 ITS应用程序不完全登出

1048461 ITSmobile，针对移动服务的系统登录

1070064 网页SAP控制台与SAP ITSmobile的比较

6.3 RF 手册

请查看 SAP Service Marketplace（SAP 服务市场）中 http://service.sap.com/scm-

>Warehousing->SCM 中的高级仓储管理系统信息中的 RF_Cookbook（RF 手册） PDF。

6.4 互联网

http://de.selfhtml.org/

http://wiki.sdn.sap.com/wiki/display/HOME/ITSmobile


http://de.selfhtml.org/


© 2011 SAP AG Page 27/38

7 常见问题

ITS 模板相关的典型问题包括以下几种:

按键失效

检查是否所有的标准服务都被激活，并且在 SE80 中检查必要服务是否被激活。

发布

模板中的改变没有生成，或不可见。修改模板时，请时刻谨记把它发布到内部站点上。同时也应

该在 SE80 中检查整合 ITS 是否被选择路径=> =>事务服务器=>发布），路径：Utilities（实用工

具）->Settings（设置）->Transaction Server（事务服务器）->Publish（发布）。

实例/应用服务器不相同

如果模板的修改在发布后仍未生成，检查模板修改以及服务测试是否在同一个应用程序服务器端

执行。同步这些应用程序服务器可能需要比预期更多的时间。

BHTML 语法错误

如果已修改的模板包含 BHTML 语法错误，这些错误直到模板/服务执行时才会表现出来。语法错

误导致一个 ABAP 程序突然出错（short dump）。可以到事务 ST22 中获得关于错误的更多信息。

如果可能的话，ABAP 程序突然出错（short dump）页面会把模板编号、行编号以及列这些信息

列出作为 BHTML 注释器包含的错误。尤其应当检查被列出的错误行中修改过的行。

重置受影响的缓存

请记得下列缓存被包含在以 HTML 为基础的服务中

ITS 模板缓存

此缓存包含一个优化性能所需模板的运行中版本（runtime version）。如果必须的话，可

以使用事务 SITSPMON 手动重置缓存（选项卡 Template and MIME Cache（模板及

MIME 缓存））。


© 2011 SAP AG Page 28/38

ICMAN 缓存

该缓存优化对静态内容的访问，如 JavaScript 及.gif 文件。你可以在通过事务 SMICM 中

选择 Goto（进入）->HTTP Plugin（HTTP 插件）->HTTP Server Cache（HTTP 服务器

缓存）重置缓存。

浏览器缓存

如果你修改了JavaScript文件，你必须重置浏览器缓存来保证被修改过的JavaScript文件

被再次传输到浏览器中。


© 2011 SAP AG Page 29/38

8 附录 A——CSS 文件示例

/* GENERAL PAGE */

/*----------------------------------*/

/*

All values used in this stylesheet were optimized for the device ML 7090

that has a screen resolution of 240(width) x 320 (height) pixel and

runs Symbol Browser 2.02 (build 007)

----------------------------

Regarding UI element widths:

----------------------------

To make the best use of the available screen width of this device

(240px), two service parameters were set for this service:

~ITSMOBILEELEMFACTOR=8 and ~ITSMOBILEELEMUNITS=px.

This will cause the assignment of appropriate width values to

all UI elements on screen to prevent an unexpected

wrapping of UI elements over more than one line.

----------------------------

Height values

----------------------------

Important settings regarding the height of screen elements:

The dynpro this service is based on consists of 13 lines

of content of the same height. All lines together should fill the screen

heightwise.

11 of the 13 lines are reserved for the subscreen rendered in

the center of the screen. 2 lines are reserved for button rows

(at the bottom of the screen).

Additionally, the CUA bar at the top of the screen needs some space (15px).

320 / 13 ~= 66px, but we use 65px to have a little bit more space for layout

purposes.

The height of a line is defined in ".MobileRow" below and

in elements like buttons or input fields.

To fill the whole screen vertically completely we work with padding values

(padding-top and padding-bottom) in ".MobileSubScreen". This allows us to:

a) avoid gaps at the lower end of the screen

b) avoid unnecessary vertical scrollbars

c) have a balanced padding between the top row, the subscreen and the bottom

row.

*/

/* --- MOBILE BODY attributes of the header SAP Logo-----------------*/

.MobileBody

{

background-color:#F5F9FC;


© 2011 SAP AG Page 30/38

padding: 0px;

margin: 0px;

border-width: 0px;

font-size: 10px;

font-family:helvetica,arial;

font-weight:bold;

/*next line hides vertical scrollbar in msie if inactive*/

overflow: auto;

}

td {

vertical-align: top;

}

/* --- MOBILE SCREEN ---------------*/

.MobileScreen

{


padding:0px;

margin:0px

font-size:10px;

border:0px;

overflow: hidden;

}

/*----------------------------------*/

/* Main Areas of Mobile Screen */

/*----------------------------------*/

/* --- CUA AREA --------------------*/

/* attributes of the top status bar*/

.MobileCuaArea

{

height:15px;

width:100%;

background-color:#D9E5F2;

padding:0px;

margin:0px;

border-bottom-style:solid;

border-bottom-width:2px;

border-bottom-color:#B3C3CF;

}

/* --- USER AREA --> attributes of the fields and buttons on the subscreens--

-----------------*/

.MobileUserArea

{

padding: 0px;

padding-left: 1px;

margin: 0px;

overflow-x:auto;

overflow-y:auto;

}

/* ---------------------------------*/

/* CUA AREA ELEMENTS */

/*----------------------------------*/

/* --- MESSAGE ---------------------*/

.MobileMessageScreen

{



© 2011 SAP AG Page 31/38

padding:0px;

margin:0px;

border-style:solid;

border-color:#C40026;

border-top-width:0px; border-left-width:0px;

border-right-width:0px;

border-bottom-width:2px;

}

.MobileMessageLine

{

}

/* --- MESSAGE ---------------------*/

.MobileMessageLogo

{

vertical-align:middle;

padding-left:3px;

padding-right:3px;

}

/* --- TITLE -----------------------*/

.MobileWindowTitle

{

font-weight:bold;

font-style:italic;

font-size:10pt;

padding-left:7px;

}

/* --- LOGO im Header --------------*/

.MobileHeaderLogo

{

background-color:#D9E5F2;

vertical-align:middle;

height:20px;

border:0px;

margin-left:5px;

margin-right:2px;

}

/* --- Include Frame ---------------*/

.MobileIncludeFrame

{

}

/* Main Size Arrangements */

/* ---------------------------------*/

/* --- Basic Row -------------------*/

.MobileRow

{

padding: 0px;

margin: 0px;

height: 21px;

}

/*----------------------------------*/


© 2011 SAP AG Page 32/38

/* ---------------------------------*/

/* DYNPRO ELEMENTE */

/*----------------------------------*/

/* --- SUBSCREENS ------------------*/

.MobileSubScreen

{



/* change padding-top value to alter the gap between top button row and

subscreen content*/

/* change padding-bottom value to alter the gap between top button row and

subscreen content*/

padding-top: 2px;

padding-bottom: 0px;

padding-right: 0px;

padding-left: 0px;

margin-left: 2px;

margin-right: 0px;

margin-top: 0px;

margin-bottom: 0px; border: 0px; height: 252px;

}

/* --- STEPLOOPS -------------------*/

/*steploops are not used*/

.MobileStepLoop

{

width:100%;

padding: 2px;

margin:0px;

border:0px;

}

/* --- FRAME -----------------------*/

.MobileFrame

{

background-color: #D9E5F2;

padding:0px;

margin:0px;

}

.MobileFrameHeader

{

background-color:#A3C1E4;

font-weight:bold;

padding:0px;

margin:0px;

border:0px;

}

.MobileFrameHidden

{

width:100%;

}


© 2011 SAP AG Page 33/38

/* *********************************** */

/* --- BUTTON ----------------------- */

/* *********************************** */

/* general settings that are shared by

enabled and disabled button

*/

.MobileButton,

.MobileButtonDisabled

{

padding: 0px;

margin: 0px;


text-align: left;

alignment: left;

}

/*height of buttons outside of the subscreen*/

.MobileButton,


{

height: 20px;

/* font-size: 12px;

line-height: 15px;*/

}

/*height of buttons inside the subscreen*/

.MobileSubScreen .MobileButton,

.MobileSubScreen .MobileButtonDisabled{

height: 22px;

padding-left: 1px;

/* font-size: 15px;

line-height: 12px;

font-family: condensed, sans-serif;*/

}

/* --- ACTIVE BUTTON ---------------*/

.MobileButton

{

background-color:#FFF09E;

}

/* --- DISABLED BUTTON -------------*/


{


}

/* *********************************** */

/* --- EDIT FIELDS ------------------*/

/* *********************************** */

/* the following block of general settings

is valid for all edit field types,

individual settings for specific edit field

types can be made in the blocks below

*/


© 2011 SAP AG Page 34/38

.MobileEdit,

.MobileEditDisabled,

.MobileEditRequired,

.MobileEditRequiredDisabled,

.MobileEditRequiredHighlighted,

.MobileEditRequiredHighlightedDisabled,

.MobileEditHighlighted,

.MobileEditHighlightedDisabled

{

height: 18px;

font-size: 11px;

font-weight:bold;


margin: 0px;

padding: 0px;

}

.MobileSubScreen .MobileEdit,

.MobileSubScreen .MobileEditDisabled,

.MobileSubScreen .MobileEditRequired,

.MobileSubScreen .MobileEditRequiredDisabled,

.MobileSubScreen .MobileEditRequiredHighlighted,

.MobileSubScreen .MobileEditRequiredHighlightedDisabled,

.MobileSubScreen .MobileEditHighlighted,

.MobileSubScreen .MobileEditHighlightedDisabled

{

padding-left: 1px;

height: 18px;

font-size: 14px;

line-height: 15px;

}

.MobileEdit

{

color: #000000;


}

.MobileEditDisabled

{

background-color:#FFFFFF;

}

/* required */

.MobileEditRequired

{

border-color:blue;

}

/* required disabled*/

.MobileEditRequiredDisabled

{

border-color:blue;

}

/* required + highlighted */

.MobileEditRequiredHighlighted

{


© 2011 SAP AG Page 35/38

border-color:blue;

color:blue;

}

.MobileEditRequiredHighlightedDisabled

{

border-color:blue;

color:blue; }

/* highlighlighted */

.MobileEditHighlighted

{

color:blue;

}

.MobileEditHighlightedDisabled

{

color:blue;

}

/* *********************************** */

/* --- LABEL FIELD -----------------*/

/* *********************************** */

/* the following block of general settings

is valid for all label variants,

individual settings for specific edit field

types can be made in the blocks below

*/

.MobileLabel,

.MobileLabelHighlighted

{

white-space:nowrap;

font-family:helvetica,arial;

font-size: 13px;

font-weight:bold;

margin-right: 0px;

margin-left: 0px;

padding: 0px;

}

.MobileLabel

{

}

.MobileLabelHighlighted

{

color:blue;

}

/* *********************************** */

/* --- RADIOBUTTON --------------------*/

/* *********************************** */

.MobileRadioButton

{

}

.MobileRadioLabel

{


© 2011 SAP AG Page 36/38

white-space:nowrap;

font-size: 8pt;

font-weight:bold;

}

/* *********************************** */

/* --- CHECKBOX --------------------*/

/* *********************************** */

.MobileCheck

{

font-size: 8pt;

font-weight:bold;

}

.MobileCheckLabel

{

white-space:nowrap;

font-size: 8pt;

font-weight:bold;

}


© 2011 SAP AG Page 37/38

9 附录 B——JavaScript 示例





<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="pragma" content="no-cache">



<META HTTP-Equiv="TextSize" Content="Medium">










<META HTTP-Equiv="battery" Content="show">

<META HTTP-Equiv="battery" Content="right_growfromleft">

<META HTTP-Equiv="battery" Content="rgb:00,00,80">

<META HTTP-Equiv="battery" Content="x=255">

<META HTTP-Equiv="battery" Content="y=5">



<META HTTP-Equiv="signal" Content="show">

<META HTTP-Equiv="signal" Content="left_growfromright">

<META HTTP-Equiv="signal" Content="rgb:00,00,80">

<META HTTP-Equiv="signal" Content="x=5">

<META HTTP-Equiv="signal" Content="y=5">



<META HTTP-Equiv="quitbutton" Content="show">

<META HTTP-Equiv="quitbutton" Content="x=150">

<META HTTP-Equiv="quitbutton" Content="y=3">

<META HTTP-Equiv="Textbutton" Content="hide">

<META HTTP-Equiv="Textbutton" Content="x=200">

<META HTTP-Equiv="Textbutton" Content="y=3">





<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="pragma" content="no-cache">













© 2011 SAP AG Page 38/38

<head>

<META HTTP-Equiv="OnKey0x70" content="Javascript:setFKey(1)">










</head> <META HTTP-Equiv="battery" Content="show">

<META HTTP-Equiv="battery" Content="right_growfromleft">

<META HTTP-Equiv="battery" Content="rgb:00,00,80">

<META HTTP-Equiv="battery" Content="x=175">

<META HTTP-Equiv="battery" Content="y=2">



<META HTTP-Equiv="signal" Content="show">

<META HTTP-Equiv="signal" Content="left_growfromright">

<META HTTP-Equiv="signal" Content="rgb:00,00,80">

<META HTTP-Equiv="signal" Content="x=5">

<META HTTP-Equiv="signal" Content="y=2">



<META HTTP-Equiv="Textbutton" Content="show">

<META HTTP-Equiv="Textbutton" Content="x=90">

<META HTTP-Equiv="Textbutton" Content="y=0">

<META HTTP-Equiv="quitbutton" Content="show">

<META HTTP-Equiv="quitbutton" Content="x=110">

<META HTTP-Equiv="quitbutton" Content="y=0">

<META HTTP-Equiv="SIPbutton" Content="show">

<META HTTP-Equiv="SIPbutton" Content="x=130">

<META HTTP-Equiv="SIPbutton" Content

Documents

为SAP EWM RFUI 配置 ITSmobile：使用手册