使用案例：建立概覽頁面 use-cases-creating-overviews

建立單個 Page 網路應用程式並禁用出站轉換和到下一個頁面的轉換。

變更頁面標題。

此標題將顯示在概覽標題和Web應用程式概覽中。

在網路應用程式屬性中，通過選擇 Single-page Web application 範本來修改應用程式的呈現。

Page ​打開網路應用程式的活動，然後打開一個清單 （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。

在影像字段中新增網路應用程式圖示： /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)」!=

將游標放在容器上，然後通過​ Static elements ​功能表插入。Link

修改標籤。

選取 Refresh data in a list。

添加之前創建的清單。

在欄位上 Image 新增重新整理圖示： /xtk/img/refresh.png。

使用排序順序箭頭，重新組織網路應用程式的各個元素，如下所示。