用例：创建概述页

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

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

创建单页Web 应用程序

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

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

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

在文件夹上添加过滤器

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

将光标放在Web 应用程序的Page节点上，并添加Select folder元素(Advanced controls > Select folder)。
在出现的Storage窗口中，单击Edit variables链接。
更改变量标签以满足您的需求。
使用folder值更改变量名。

注意

变量的名称必须与链接到文件夹(在模式中定义)的元素的名称匹配，即folder。引用表时，必须重新使用此名称。
将XML类型应用于变量。
选择Refresh page交互。
将光标放在列表上，在Advanced选项卡中，引用之前在列表的Folder filter XPath选项卡中创建的变量。必须使用文件夹链接所关注元素的名称，即folder。

注意

在此阶段，Web 应用程序不在其应用程序上下文中，因此无法对文件夹测试筛选器。

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

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

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

注意

nms: webApp与Web 应用程序模式一致。

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

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

此样式在以前选择的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?lang=zh-Hans"/><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?lang=zh-Hans"/><a target="_blank" title="Reports" class="linkAction" href="/xtk/report.jssp?_context=selection&+++++++++_schema=nms%3AwebApp&_selection=%3C%25%3DwebApp.%40id%25%3E+++++++++&__sessiontoken=%3C%25%3Ddocument.controller.getSessionToken%28&lang=zh-Hans)%>">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 applicatio n模板中引用。

使用链接编辑器创建筛选器

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

它将显示在概述中的Filter字段旁边。
选择“运算符”表作为应用程序模式。
将光标放在列表元素上，并通过Data > Filter选项卡创建过滤器：
- 表达式: “创建者”链接的外键
- 运算符： 等于
- 值：变 量（变量）
- 考虑if: '$(var2/@id)'!="