在以下示例中,我们将创建概述类型Web 应用程序以显示数据库中的所有Web 应用程序。 配置以下元素:
创建单个Page Web 应用程序,并禁用到下一页的出站过渡和过渡。
更改页面标题。
此标题将显示在概述标题和Web 应用程序概述中。
在Web 应用程序属性中,通过选择Single-page Web application模板修改应用程序的呈现。
打开Web 应用程序的Page活动并打开列表(Static element > List)。
在列表的Data选项卡中,选择Web applications文档的类型以及Label、Creation date和Type of application输出列。
在Filter子选项卡中,创建以下筛选器,如下所示,以便仅显示Web 应用程序并从视图中排除模板。
关闭页面的配置窗口,然后单击Preview。
将显示列表库中可用Web 应用程序。
在概述中,您可以根据数据在Adobe Campaign树中的位置选择访问数据。 这是文件夹上的过滤器。 应用以下过程将其添加到概述中。
将光标放在Web 应用程序的Page节点上,并添加Select folder元素(Advanced controls > Select folder)。
在出现的Storage窗口中,单击Edit variables链接。
更改变量标签以满足您的需求。
使用folder值更改变量名。
变量的名称必须与链接到文件夹(在模式中定义)的元素的名称匹配,即folder。 引用表时,必须重新使用此名称。
将XML类型应用于变量。
选择Refresh page交互。
将光标放在列表上,在Advanced选项卡中,引用之前在列表的Folder filter XPath选项卡中创建的变量。 必须使用文件夹链接所关注元素的名称,即folder。
在此阶段,Web 应用程序不在其应用程序上下文中,因此无法对文件夹测试筛选器。
将光标放在Page元素上并添加链接(Static elements > Link)。
修改链接标签,因为链接标签将显示在概述的按钮上。
在我们的示例中,标签为New。
在URL字段中插入以下URL:xtk://open/?schema=nms:webApp&form=nms:newWebApp。
nms: webApp与Web 应用程序模式一致。
nms: newWebApp与新的Web 应用程序创建向导重合。
选择在同一窗口中显示URL。
在图像字段中添加Web 应用程序图标:/nms/img/webApp.png。
此图标将显示在New按钮上。
在Style字段中输入button。
此样式在以前选择的Single-page Web application模板中引用。
在概述中配置列表时,您可以选择在列表上显示每个条目的其他详细信息。
将光标放在先前创建的列表元素上。
在General选项卡中,在下拉列表中选择Columns and additional detail显示模式。
在Data选项卡中,添加Primary key、Internal name和Description列,并为每个列选择Hidden field选项。
这样,此信息将仅在每个条目的详细信息中可见。
在Additional detail选项卡中,添加以下代码:
<div class="detailBox">
<div class="actionBox">
<span class="action"><img src="/xtk/img/fileEdit.png?lang=zh-Hans"/><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?lang=zh-Hans"/><a target="_blank" title="Reports" class="linkAction" href="/xtk/report.jssp?_context=selection&+++++++++_schema=nms%3AwebApp&_selection=%3C%25%3DwebApp.%40id%25%3E+++++++++&__sessiontoken=%3C%25%3Ddocument.controller.getSessionToken%28&lang=zh-Hans)%>">Reports</a></span>
<%
}
%>
</div>
<div>
Internal name: <%= webApp.@internalName %>
</div>
<%
if( webApp.desc != "" )
{
%>
<div>
Description: <%= webApp.desc %>
</div>
<%
}
%>
</div>
在服务器上刷新JavaScript库需要五分钟。 您可以重新启动服务器以避免等待此延迟。
在本节中,您将创建一个过滤器,用于显示由特定运算符创建的Web 应用程序的概述。 此过滤器是使用链接编辑器创建的。 选择运算符后,请刷新列表以应用过滤器;这需要创建刷新链接。
这两个元素将以同一容器分组,以便在概述中以图形方式分组。
将光标放在Page元素上,然后选择Container > Standard。
将列数设置为2,以便链接编辑器和链接彼此相邻。
有关元素布局的信息,请参阅本节。
应用dottedFilter。
此样式在以前选择的Single-page Web applicatio n模板中引用。
将光标置于在上一阶段创建的容器上,并通过Advanced controls菜单插入链接编辑器。
在自动打开的存储窗口中,选择Variables选项,然后单击Edit variables链接并创建用于筛选数据的XML变量。
修改标签。
它将显示在概述中的Filter字段旁边。
选择“运算符”表作为应用程序模式。
将光标放在列表元素上,并通过Data > Filter选项卡创建过滤器:
Web 应用程序用户必须是已标识的具有相应Adobe Campaign权限的操作员才能访问信息。 此类配置对匿名Web 应用程序无效。
将光标放在容器上,并通过Static elements菜单插入Link。
修改标签。
选择 Refresh data in a list。
添加以前创建的列表。
在Image字段中添加刷新图标:/xtk/img/refresh.png。
使用排序箭头重新组织Web 应用程序的各种元素,如下所示。
Web 应用程序现已配置。 可以单击Preview选项卡来预览它。