Show Menu
主題×

使用案例:建立覆蓋

在下例中,我們將建立概述類型的Web應用程式,以顯示資料庫中的所有Web應用程式。 設定下列元素:

建立單頁Web應用程式

  1. 建立單一Web應 Page 用程式,並停用傳出轉場和轉場至下一頁。
  2. 變更頁面標題。
    此標題會出現在概述標題和Web應用程式概述中。
  3. 在Web應用程式屬性中,選取範本以修改應用程式的轉 Single-page Web application 譯。
  4. 開啟您 Page 的Web應用程式活動並開啟清單( Static element > List )。
  5. 在列 Data 表的頁籤中,選擇文檔類 Web applications 型和 Label 、和 Creation date Type of application 輸出列。
  6. 在子標 Filter 簽中,建立下列篩選,如下所示,以便僅顯示Web應用程式並從您的檢視中排除範本。
  7. 關閉頁面的設定視窗,然後按一下 Preview
    將顯示資料庫中可用的Web應用程式清單。

在資料夾上新增篩選

在概觀中,您可以根據資料在Adobe Campaign樹狀結構中的位置來選擇存取資料。 這是資料夾上的篩選。 套用下列程式,將它新增至您的概述。
  1. 將游標置於Web應 Page 用程式的節點上,並添加 Select folder 元素( Advanced controls > Select folder )。
  2. 在出現 Storage 的視窗中,按一下連 Edit variables 結。
  3. 變更變數標籤以符合您的需求。
  4. 使用資料夾值變更變
    變數的名稱必須與連結至資料夾的元素名稱(在架構中定義)相符,即 資料夾 。 引用表時,必須重新使用此名稱。
  5. 將類型 XML 套用至變數。
  6. 選取互 Refresh page 動。
  7. 將游標置於清單上,在標 Advanced 簽中,參考先前在清單的標籤中 Folder filter XPath 建立的變數。 您必須使用資料夾連結所關注之元素的名稱,即資料
    在此階段,Web應用程式不在其應用程式內容中,因此無法在資料夾上測試篩選器。

新增按鈕以設定新的Web應用程式

  1. 將游標置於元 Page 素上並新增連結( Static elements > Link )。
  2. 修改連結標籤,因為連結標籤會顯示在概述的按鈕上。
    在我們的範例中,標籤是 New
  3. 在URL欄位中插入下列URL: xtk://open/?schema=nms:webApp&form=nms:newWebApp
    nms:webApp 與Web應用程式模式一致。
    nms:newWebApp 與新的Web應用程式建立嚮導一致。
  4. 選擇以在相同視窗中顯示URL。
  5. 在影像欄位中新增Web應用程式圖示: /nms/img/webApp.png
    此圖示將出現在按鈕 New 上。
  6. 欄位中 ,輸入 Style 按鈕。
    在先前選取的範本中會參 Single-page Web application 考此樣式。

向清單添加詳細資訊

在概述中設定清單時,您可以選擇顯示清單上每個項目的其他詳細資料。
  1. 將游標置於先前建立的清單元素上。
  2. 在標 General 簽中,選 Columns and additional detail 擇下拉式清單中的顯示模式。
  3. 在標 Data 簽中,新增 Primary key Internal name 和欄,並選 Description Hidden field 取每個欄的選項。
    這樣,這些資訊只會顯示在每個條目的詳細資訊中。
  4. 在標籤 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程式庫需要5分鐘。 您可以重新啟動伺服器以避免等待此延遲。

篩選和更新清單

在本節中,您將建立篩選器,以顯示由特定運算子建立之Web應用程式的概述。 此篩選器是使用連結編輯器建立的。 選取運算子後,請重新整理清單以套用篩選;這需要建立重新整理連結。
這兩個元素將分組在相同的容器中,以便以圖形方式在概述中分組。
  1. 將游標置於元素 Page 上並選取 Container > Standard
  2. 將欄數設為 2 ,讓連結編輯器和連結彼此相鄰。
    如需元素配置的詳細資訊,請參閱 本節
  3. 套用 dottedFilter
    此樣式在先前選取的 Single-page Web applicatio n個範本中參考。