开发可复用视图

在线编辑
Draft comment:
This topic is shared by BAW, CP4BA, CP4BASaaS. Last updated on 2025-01-20 10:38
要添加另一视图或页面可使用的功能或用户界面元素，请创建视图。

关于本任务

您可以使用设计器界面创建视图。 新视图可以在 Toolkit 中，也可以在 流程应用程序中。 要在多个 流程应用程序中复用该视图，请考虑在 Toolkit 中创建该视图，这将使该视图可供使用该 Toolkit 的所有 流程应用程序 使用。 但请谨记，如果有人编辑此视图，那么更改适用于此视图的所有实例。 该视图的所有用户都可以获取修订，但更改也可能在其他 流程应用程序中产生意外后果。 要将更改限制为特定 流程应用程序，请考虑在该 流程应用程序中创建视图。

重要信息: 避免在同一视图布局中混用非响应式视图和响应式视图。
创建视图可能是一个迭代式过程，在该过程中，您可以按任意顺序执行步骤 3 - 6。 您可以按照本过程中所列顺序的指示信息开始创建。 根据测试结果，更新适当的页面并重新测试。 继续执行更新和重新测试的迭代式过程，直至您对视图的外观和行为感到满意为止。
提示: 或者，您可以直接从现有业务对象创建视图。 单击 数据 > 业务对象，然后单击业务对象名称旁边的折叠标记，然后单击 创建视图。 请完成向导以创建视图，此视图的业务数据会与此视图所源自的业务对象绑定在一起。

要开发更复杂的视图，您可以使用包含标准用户界面元素 (例如文本字段，图像等) 的视图集。

过程

  1. 单击 用户界面 旁边的加号，然后从组件列表中选择 查看 。
  2. 指定新视图的名称。 除非要使新视图基于模板，否则请从空白视图开始。
    限制: 视图的名称必须是有效的 JavaScript 标识，但有以下例外: 它可以有空格，并且不能有下划线。 即，可以使用名称 (例如 My View 或 MyView) ，但不能使用名称 (例如 My_View 或 default); 缺省值 是 JavaScript中的保留字。
    在单击完成后，编辑器将打开该新视图。
  3. 要使视图能够用于在多个设备上运行的 流程应用程序 ，请在创建视图时在 " 新建视图 " 窗口上或者在创建视图后在视图的 概述 属性中选择 旨在用于多个设备 。
  4. 在 " 概述" 下，提供有关视图的信息。
    有关添加标记，文档和图标图像的信息，请参阅 提供有关视图的信息。
  5. 切换到 行为 并定义视图的行为。
    有关向视图添加行为的信息，请参阅 定义视图行为。
  6. 切换到 变量 并定义视图使用的变量。
    有关定义视图所使用的数据以及定义用户如何对其进行定制的信息，请参阅主题 向视图添加变量 和 用户定义的事件。
  7. 切换到 布局 并定义视图向用户显示的内容。
    有关向视图添加视图和其他项的信息，请参阅 定义视图内容。
  8. 要将定制样式应用于视图所显示的视图实例，请在 布局 属性中，将 CSS 类和属性作为 HTML 属性添加到这些实例。 在 CSS 文件中定义 CSS 类和属性，然后在“行为”属性中将该文件作为包含脚本进行上载。 作为一种临时措施，在开发这些类和属性定义时，您可以使用内联 CSS 字段来了解这些定义所产生的影响。
    要点: 确保 CSS 类的名称与视图的名称不冲突。 如果存在冲突，会导致运行时出现不可预测的样式，因为为了限定作用域，系统会向视图包装器 div 的类属性自动添加视图名称。
  9. 复查该视图的外观及运行方式。 根据复查的结果，重复步骤 3 - 7 来对该视图或其包含/引用的项进行适当调整。 通过复审和更新保持迭代操作，直到得到想要的结果。
  10. 测试该视图：
    1. 在客户端人员服务或传统人员服务中，将该视图添加到页面。
    2. 在服务图中对页面进行连接。
      如果您无法从开始节点跟踪到该页面，请将该页面连接到流中的相应节点。
    3. 将该视图使用的变量绑定到相应的数据。
    4. 复查该视图的配置并在需要时进行更新。
    5. 要在检验器或设计器中播放客户端人员服务或传统人员服务，请单击 运行 运行。