[也适用于v8]{class="badge positive" title="也适用于Campaign v8"}

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

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

创建单页Web应用程序 creating-a-single-page-web-application

  1. 创建单个​ Page Web应用程序并禁用出站过渡和到下一页的过渡。

  2. 更改页面标题。

    此标题将显示在概述标题和Web应用程序概述中。

  3. 在Web应用程序属性中,通过选择​ Single-page Web application ​模板来修改应用程序的呈现。

  4. 打开Web应用程序的​ Page ​活动并打开列表(Static element > List)。

  5. 在列表的​ Data ​选项卡中,选择​ Web applications ​文档的类型以及​ LabelCreation date ​和​ Type of application ​输出列。

  6. 在​ Filter ​子选项卡中,创建如下所示的以下过滤器,以便仅显示Web应用程序并从视图中排除模板。

  7. 关闭页面的配置窗口,然后单击​ Preview

    此时将显示数据库中可用的Web应用程序列表。

在文件夹中添加筛选器 adding-a-filter-on-a-folder

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

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

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

  3. 根据需要更改变量标签。

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

    note note
    NOTE
    变量的名称必须与链接到文件夹(在架构中定义)的元素名称匹配,在本例中为​ 文件夹。 引用表时必须重复使用此名称。
  5. 将​ XML ​类型应用于变量。

  6. 选择​ Refresh page ​交互。

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

    note note
    NOTE
    在此阶段,Web应用程序不在其应用程序上下文中,因此无法在文件夹上测试过滤器。

添加按钮以配置新的Web应用程序 adding-a-button-to-configure-a-new-web-application

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

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

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

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

    note note
    NOTE
    nms:webApp ​与Web应用程序架构一致。
    nms:newWebApp ​与新的Web应用程序创建向导一致。
  4. 选择以在同一窗口中显示URL。

  5. 在图像字段中添加Web应用程序图标: /nms/img/webApp.png

    此图标将显示在​ New ​按钮上。

  6. 在​ Style ​字段中输入​ 按钮

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

向列表添加详细信息 adding-detail-to-a-list

在概览中配置列表时,可以选择显示列表中每个条目的附加详细信息。

  1. 将光标放在以前创建的列表元素上。

  2. 在​ General ​选项卡的下拉列表中选择了​ Columns and additional detail ​显示模式。

  3. 在​ Data ​选项卡中,添加​ Primary keyInternal name ​和​ Description ​列,并为每个列选择​ Hidden field ​选项。

    这样,此信息将仅在每个条目的详细信息中可见。

  4. 在​ Additional detail ​选项卡中,添加以下代码:

    code language-none
    <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>
    
NOTE
JavaScript libraries需要5分钟时间才能在服务器上刷新。 您可以重新启动服务器以避免等待此延迟。

筛选和更新列表 filtering-and-updating-the-list

在此部分中,您将创建一个过滤器,以显示由特定操作员创建的Web应用程序概述。 此过滤器使用链接编辑器创建。 选择运算符后,请刷新列表以应用筛选器;这需要创建刷新链接。

这两个元素将分组到同一容器中,以便在概述中以图形方式分组。

  1. 将光标置于​ Page ​元素上并选择​ Container > Standard

  2. 将列数设置为​ 2,以使链接编辑器和链接彼此相邻。

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

  3. 应用​ dottedFilter

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

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

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

  3. 修改标签。

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

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

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

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

CAUTION
Web应用程序用户必须是已标识的操作员,并具有访问信息的相应Adobe Campaign权限。 此类配置不适用于匿名Web应用程序。
  1. 将光标放在容器上并通过​ Static elements ​菜单插入​ Link

  2. 修改标签。

  3. 选择 Refresh data in a list

  4. 添加之前创建的列表。

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

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

Web应用程序现已配置完成。 您可以单击​ Preview ​选项卡进行预览。

recommendation-more-help
601d79c3-e613-4db3-889a-ae959cd9e3e1