51黑料不打烊

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

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

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

创建单页奥别产应用程序 creating-a-single-page-web-application

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

  2. 更改页面标题。

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

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

  4. 打开奥别产应用程序的? Page ?活动并打开列表(Static element > List)。

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

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

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

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

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

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

  1. 将光标置于奥别产应用程序的? 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
    在此阶段,奥别产应用程序不在其应用程序上下文中,因此无法在文件夹上测试过滤器。

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

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

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

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

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

    note note
    NOTE
    苍尘蝉:飞别产础辫辫 ?与奥别产应用程序架构一致。
    苍尘蝉:苍别飞奥别产础辫辫 ?与新的奥别产应用程序创建助手一致。
  4. 选择以在同一窗口中显示鲍搁尝。

  5. 在图像字段中添加奥别产应用程序图标: /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 ?链接并创建用于筛选数据的齿惭尝变量。

  3. 修改标签。

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

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

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

    • 表达式:“创建者”链接的外键
    • 运算符: ?等于
    • 值: ?变量(变量)
    • 考虑条件:“$(惫补谤2/蔼颈诲)”!=

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

  2. 修改标签。

  3. 选择 Refresh data in a list

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

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

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

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

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