用例：创建概述页面

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

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

创建单页Web应用程序

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

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

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

在文件夹中添加过滤器

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

将光标放在 Page 节点，并添加 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库需要五分钟。您可以重新启动服务器以避免等待此延迟。

筛选和更新列表

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

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

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

有关元素布局的信息，请参阅此部分.
应用 dottedFilter.

在 Single-page Web application 模板。

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

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

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