v7 v8

用例:创建概述页面

上次更新: 2024-02-21
  • 主题:
  • Web Apps
    查看有关此主题的更多信息

在以下示例中,我们将创建概述类型的Web应用程序,以显示数据库中的所有Web应用程序。 配置以下元素:

创建单页Web应用程序

  1. 创建单个 Page Web应用程序并禁用出站过渡和到下一页的过渡。

  2. 更改页面标题。

    此标题将显示在概述标题和Web应用程序概述中。

  3. 在Web应用程序属性中,通过选择 Single-page Web application 模板。

  4. 打开 Page Web应用程序的活动并打开列表(Static element > List)。

  5. Data 选项卡中,选择类型 Web applications 文档和 LabelCreation dateType of application 输出列。

  6. Filter 创建如下所示的过滤器,以便仅显示Web应用程序并从视图中排除模板。

  7. 关闭页面的配置窗口,然后单击 Preview.

    此时将显示数据库中可用的Web应用程序列表。

在文件夹中添加筛选器

在概述中,您可以选择根据数据在Adobe Campaign树中的位置来访问数据。 这是文件夹上的筛选器。 应用以下流程以将其添加到概述。

  1. 将光标放在 Page 节点,并添加 Select folder 元素(Advanced controls > Select folder)。

  2. Storage 打开窗口,单击 Edit variables 链接。

  3. 根据需要更改变量标签。

  4. 使用更改变量名称 文件夹 值。

    注意

    变量的名称必须与链接到文件夹的元素名称(在架构中定义)匹配,即 文件夹 这种情况下。 引用表时必须重复使用此名称。

  5. 应用 XML 键入变量名称。

  6. 选择 Refresh page 互动。

  7. 将光标放在列表上,并放在 Advanced 选项卡中,引用之前在中创建的变量 Folder filter XPath 选项卡中。 您必须使用文件夹链接涉及的元素的名称,即 文件夹.

    注意

    在此阶段,Web应用程序不在其应用程序上下文中,因此无法在文件夹上测试过滤器。

添加按钮以配置新的Web应用程序

  1. 将光标放在 Page 元素并添加链接(Static elements > Link)。

  2. 修改链接标签,因为它将显示在概述的按钮上。

    在我们的示例中,标签为 新建.

  3. 在URL字段中插入以下URL: xtk://open/?schema=nms:webApp&form=nms:newWebApp.

    注意

    nms:webApp 与Web应用程序架构一致。

    nms:newWebApp 与新建Web应用程序创建向导一致。

  4. 选择以在同一窗口中显示URL。

  5. 在图像字段中添加Web应用程序图标: /nms/img/webApp.png.

    此图标将显示在 New 按钮。

  6. 输入 按钮Style 字段。

    此样式在 Single-page Web application 之前选择的模板。

向列表添加详细信息

在概览中配置列表时,可以选择显示列表中每个条目的附加详细信息。

  1. 将光标放在以前创建的列表元素上。

  2. General 选项卡,选择 Columns and additional detail 在下拉列表中显示模式。

  3. Data 选项卡,添加 Primary keyInternal nameDescription 列并选择 Hidden field 每个选项对应的值。

    这样,此信息将仅在每个条目的详细信息中可见。

  4. Additional detail 选项卡,添加以下代码:

    <div class="detailBox">
      <div class="actionBox">
        <span class="action"><img src="/xtk/img/fileEdit.png"/><a title="Open" class="linkAction" href="xtk://open/?schema=nms:webApp&form=nms:webApp&pk=
        <%=webApp.id%>">Open...</a></span>
        <%
        if( webApp.@appType == 1 ) { //survey
        %>
        <span class="action"><img src="/xtk/img/report.png"/><a target="_blank" title="Reports" class="linkAction" href="/xtk/report.jssp?_context=selection&
          _schema=nms:webApp&_selection=<%=webApp.@id%>
          &__sessiontoken=<%=document.controller.getSessionToken()%>">Reports</a></span>
        <%
        }
        %>
      </div>
      <div>
        Internal name: <%= webApp.@internalName %>
      </div>
      <%
      if( webApp.desc != "" )
      {
      %>
      <div>
        Description: <%= webApp.desc %>
      </div>
      <%
      }
      %>
    </div>
    
注意

在服务器上刷新JavaScript库需要5分钟。 您可以重新启动服务器以避免等待此延迟。

筛选和更新列表

在此部分中,您将创建一个过滤器,以显示由特定操作员创建的Web应用程序概述。 此过滤器使用链接编辑器创建。 选择运算符后,请刷新列表以应用筛选器;这需要创建刷新链接。

这两个元素将分组到同一容器中,以便在概述中以图形方式分组。

  1. 将光标放在 Page 元素并选择 Container > Standard.

  2. 将列数设置为 2,以便链接编辑器和链接彼此相邻。

    有关元素布局的信息,请参阅 本节.

  3. 应用 点状滤镜.

    此样式在 Single-page Web application 之前选择的模板。

  1. 将光标放在上一个阶段创建的容器上,并通过插入链接编辑器 Advanced controls 菜单。

  2. 在自动打开的存储窗口中,选择 Variables 选项,然后单击 Edit variables 链接并创建用于筛选数据的XML变量。

  3. 修改标签。

    它将显示在 Filter 字段。

  4. 选择运算符表作为应用程序架构。

  5. 将光标放在列表元素上,并通过 Data > Filter 选项卡:

    • 表达式: '创建者'链接的外键
    • 运算符: 等于
    • 值: 变量(变量)
    • 出现以下情况时纳入考量: “$(var2/@id)”!=”

注意

Web应用程序用户必须是已标识的操作员,并具有访问信息的相应Adobe Campaign权限。 此类配置不适用于匿名Web应用程序。

  1. 将光标放在容器上并插入 Link 通过 Static elements 菜单。

  2. 修改标签。

  3. 选择 Refresh data in a list

  4. 添加之前创建的列表。

  5. 在上添加刷新图标 Image 字段: /xtk/img/refresh.png.

  6. 使用排序顺序箭头重新组织Web应用程序的各个元素,如下所示。

Web应用程序现已配置完成。 您可以单击 Preview 按Tab键预览。

在此页面上