Show Menu
主题×

用例:创建概述

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

Creating a single-page Web application

  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与 newWeb 应用程序创建向导重合。
  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库需要五分钟。 您可以重新启动服务器以避免等待此延迟。

筛选和更新列表

在本节中,您将创建一个过滤器,用于显示由特定运算符创建的Web 应用程序的概述。 此过滤器是使用链接编辑器创建的。 选择运算符后,请刷新列表以应用筛选器;这需要创建刷新链接。
这两个元素将在同一容器进行分组,以便在概述中以图形方式进行分组。
  1. 将光标放在元素 Page 上并选择 Container > Standard
  2. 将列数设置为 2 ,以便链接编辑器和链接彼此相邻。
    有关元素布局的信息,请参 阅此部分
  3. 应用 dottedFilter
    此样式在以前选择的 Single-page Web applicatio n个模板中引用。