用例：创建概述页面

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

文件夹上的过滤器(请参阅在文件夹中添加筛选器)，
用于创建新Web应用程序的按钮(请参阅添加按钮以配置新的Web应用程序)，
列表中每个条目的详细信息显示(请参阅向列表添加详细信息)，
每个链接编辑工具一个过滤器(请参阅使用链接编辑器创建过滤器)，
刷新链接(请参阅创建刷新链接)。

创建单页Web应用程序

创建单个 Page Web应用程序并禁用出站过渡和到下一页的过渡。
更改页面标题。

此标题将显示在概述标题和Web应用程序概述中。
在Web应用程序属性中，通过选择 Single-page Web application 模板。
打开 Page Web应用程序的活动并打开列表(Static element > List)。
在 Data 选项卡中，选择类型 Web applications 文档和 Label ， Creation date 和 Type of application 输出列。
在 Filter 创建如下所示的过滤器，以便仅显示Web应用程序并从视图中排除模板。
关闭页面的配置窗口，然后单击 Preview.

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

在文件夹中添加筛选器

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

将光标放在 Page Web应用程序的节点并添加 Select folder 元素(Advanced controls > Select folder)。
在 Storage 窗口打开时，单击 Edit variables 链接。
根据需要更改变量标签。
将变量名称更改为 文件夹 值。

注意

变量的名称必须与链接到文件夹（在架构中定义）的元素的名称匹配，即 文件夹 这种情况下。引用表时必须重复使用此名称。
应用 XML 键入变量。
选择 Refresh page 互动。
将光标放在列表中，并放在 Advanced 选项卡中，引用之前在中创建的变量 Folder filter XPath 选项卡中。您必须使用文件夹链接涉及的元素的名称，即 文件夹.

注意

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

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

将光标放在 Page 元素并添加链接(Static elements > Link)。
修改链接标签，因为它将显示在概述的按钮上。

在我们的示例中，标签是新.
在URL字段中插入以下URL： xtk://open/?schema=nms:webApp&form=nms:newWebApp.

注意

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

nms：newWebApp 与新的Web应用程序创建向导一致。
选择以在同一窗口中显示URL。
在图像字段中添加Web应用程序图标： /nms/img/webApp.png.

此图标将显示在 New 按钮。
输入按钮在 Style 字段。

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

向列表添加详细信息

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

将光标放在以前创建的列表元素上。
在 General 选项卡，选择 Columns and additional detail 在下拉列表中显示模式。
在 Data 选项卡，添加 Primary key ， Internal name 和 Description 列并选择 Hidden field 选项。

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

在 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应用程序的概述。此过滤器使用链接编辑器创建。选择运算符后，请刷新列表以应用筛选器；这需要创建刷新链接。

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

将光标放在 Page 元素并选择 Container > Standard.
将列数设置为 2，以使链接编辑器和链接彼此相邻。

有关元素布局的信息，请参阅本节.
应用 点状滤镜.

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

使用链接编辑器创建过滤器

将光标放在上一个阶段创建的容器上，并通过 Advanced controls 菜单。
在自动打开的存储窗口中，选择 Variables 选项，然后单击 Edit variables 链接并创建用于筛选数据的XML变量。
修改标签。

它将显示在 Filter 字段。
选择运算符表作为应用程序架构。
将光标放在列表元素上，并通过 Data > Filter 选项卡：
- 表达式： '创建者'链接的外键
- 运算符： 等于
- 值：变量（变量）
- 出现以下情况时列入考虑： “$(var2/@id)”！=”