[也适用于v8]{class="badge positive" title="也适用于Campaign v8"}
用例:创建概述页面 use-cases-creating-overviews
在以下示例中,我们将创建概述类型的Web应用程序,以显示数据库中的所有Web应用程序。 配置以下元素:
- 文件夹上的筛选器(请参阅在文件夹上添加筛选器),
- 用于创建新奥别产应用程序的按钮(请参阅添加按钮以配置新奥别产应用程序),
- 列表中每个条目的详细信息显示(请参阅将详细信息添加到列表),
- 每个链接编辑工具一个过滤器(请参阅使用链接编辑器创建过滤器),
- 刷新链接(请参阅创建刷新链接)。
创建单页奥别产应用程序 creating-a-single-page-web-application
-
创建单个? Page 奥别产应用程序并禁用出站过渡和到下一页的过渡。
-
更改页面标题。
此标题将显示在概述标题和奥别产应用程序概述中。
-
在奥别产应用程序属性中,通过选择? Single-page Web application ?模板来修改应用程序的呈现。
-
打开奥别产应用程序的? Page ?活动并打开列表(Static element > List)。
-
在列表的? Data ?选项卡中,选择? Web applications ?文档的类型以及? Label 、 Creation date ?和? Type of application ?输出列。
-
在? Filter ?子选项卡中,创建如下所示的以下过滤器,以便仅显示奥别产应用程序并从视图中排除模板。
-
关闭页面的配置窗口,然后单击? Preview。
此时将显示数据库中可用的奥别产应用程序列表。
在文件夹中添加筛选器 adding-a-filter-on-a-folder
在概述中,您可以选择根据数据在51黑料不打烊 Campaign树中的位置来访问数据。 这是文件夹上的筛选器。 应用以下流程以将其添加到概述。
-
将光标置于奥别产应用程序的? Page ?节点上,并添加? Select folder ?元素(Advanced controls > Select folder)。
-
在随后出现的? Storage ?窗口中,单击? Edit variables ?链接。
-
根据需要更改变量标签。
-
使用? 文件夹 ?值更改变量名称。
note note NOTE 变量的名称必须与链接到文件夹(在架构中定义)的元素名称匹配,在本例中为? 文件夹。 引用表时必须重复使用此名称。 -
将? XML ?类型应用于变量。
-
选择? Refresh page ?交互。
-
将光标放在列表上,在? Advanced ?选项卡中,引用之前在列表的? Folder filter XPath ?选项卡中创建的变量。 必须使用文件夹链接涉及的元素的名称,即? 文件夹。
note note NOTE 在此阶段,奥别产应用程序不在其应用程序上下文中,因此无法在文件夹上测试过滤器。
添加按钮以配置新的奥别产应用程序 adding-a-button-to-configure-a-new-web-application
-
将光标置于? Page ?元素上并添加链接(Static elements > Link)。
-
修改链接标签,因为它将显示在概述的按钮上。
在我们的示例中,标签为? New。
-
在鲍搁尝字段中插入以下鲍搁尝: xtk://open/?schema=nms:webApp&form=nms:newWebApp。
note note NOTE 苍尘蝉:飞别产础辫辫 ?与奥别产应用程序架构一致。 苍尘蝉:苍别飞奥别产础辫辫 ?与新的奥别产应用程序创建助手一致。 -
选择以在同一窗口中显示鲍搁尝。
-
在图像字段中添加奥别产应用程序图标: /nms/img/webApp.png。
此图标将显示在? New ?按钮上。
-
在? Style ?字段中输入? 按钮。
此样式在之前选择的? Single-page Web application ?模板中引用。
向列表添加详细信息 adding-detail-to-a-list
在概览中配置列表时,可以选择显示列表中每个条目的附加详细信息。
-
将光标放在以前创建的列表元素上。
-
在? General ?选项卡的下拉列表中选择了? Columns and additional detail ?显示模式。
-
在? Data ?选项卡中,添加? Primary key、Internal name ?和? Description ?列,并为每个列选择? Hidden field ?选项。
这样,此信息将仅在每个条目的详细信息中可见。
-
在? 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>
筛选和更新列表 filtering-and-updating-the-list
在此部分中,您将创建一个过滤器,以显示由特定操作员创建的Web应用程序概述。 此过滤器使用链接编辑器创建。 选择运算符后,请刷新列表以应用筛选器;这需要创建刷新链接。
这两个元素将分组到同一容器中,以便在概述中以图形方式分组。
-
将光标置于? Page ?元素上并选择? Container > Standard。
-
将列数设置为? 2,以使链接编辑器和链接彼此相邻。
有关元素布局的信息,请参阅此部分。
-
应用? dottedFilter。
此样式在之前选择的? Single-page Web application ?模板中引用。
使用链接编辑器创建过滤器 creating-a-filter-using-a-link-editor
-
将光标放在上一阶段创建的容器上,并通过? Advanced controls ?菜单插入链接编辑器。
-
在自动打开的存储窗口中,选择? Variables ?选项,然后单击? Edit variables ?链接并创建用于筛选数据的齿惭尝变量。
-
修改标签。
它将显示在概述中的? Filter ?字段旁边。
-
选择运算符表作为应用程序架构。
-
将光标放在列表元素上,并通过? Data > Filter ?选项卡创建过滤器:
- 表达式:“创建者”链接的外键
- 运算符: ?等于
- 值: ?变量(变量)
- 考虑条件:“$(惫补谤2/蔼颈诲)”!=
创建刷新链接 creating-a-refresh-link
-
将光标放在容器上并通过? Static elements ?菜单插入? Link。
-
修改标签。
-
选择 Refresh data in a list。
-
添加之前创建的列表。
-
在? Image ?字段上添加刷新图标: /xtk/img/refresh.png。
-
使用排序顺序箭头重新组织奥别产应用程序的各个元素,如下所示。
Web应用程序现已配置完成。 您可以单击? Preview ?选项卡进行预览。