用例：创建概述页面 use-cases-creating-overviews

创建单个 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应用程序列表。

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

在 Storage 打开窗口，单击 Edit variables 链接。

根据需要更改变量标签。

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

应用 XML 键入变量名称。

选择 Refresh page 互动。

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

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

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

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

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

选择以在同一窗口中显示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>

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

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

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

应用 点状滤镜.

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

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

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

修改标签。

它将显示在 Filter 字段。

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

将光标放在列表元素上，并通过 Data > Filter 选项卡：

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

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

修改标签。

选择 Refresh data in a list。

添加之前创建的列表。

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

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