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

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

将光标置于Web应用程序的​ Page ​节点上，并添加​ Select folder ​元素(Advanced controls > Select folder)。

在随后出现的​ Storage ​窗口中，单击​ Edit variables ​链接。

根据需要更改变量标签。

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

将​ XML ​类型应用于变量。

选择​ Refresh page ​交互。

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

将光标置于​ Page ​元素上并添加链接(Static elements > Link)。

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

在我们的示例中，标签为​ New。

在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，以使链接编辑器和链接彼此相邻。

有关元素布局的信息，请参阅此部分。

应用​ dottedFilter。

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

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

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

修改标签。

它将显示在概述中的​ Filter ​字段旁边。

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

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

• 表达式：“创建者”链接的外键
• 运算符： ​等于
• 值： ​变量（变量）
• 考虑条件：“$(var2/@id)”！=”

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

修改标签。

选择 Refresh data in a list。

添加之前创建的列表。

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

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