文档AEM 6.4Forms 指南

自定义任务详细信息页 customizing-the-task-details-page

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

创建对象：

  • User
CAUTION
AEM 6.4已结束扩展支持，本文档将不再更新。 有关更多详细信息，请参阅 技术支助期. 查找支持的版本 此处.

任务详细信息页面包含有关任务及其进程的信息。 但是，您可以自定义任务详细信息页面以添加或删除信息。

您可以将以下信息添加到任务详细信息页面：

要自定义任务详细信息页面，请执行以下操作：

  1. 关注 自定义AEM Forms工作区的一般步骤。

  2. 要显示任何其他信息，请向 translation.json 文件位置 todo块> details块> app块> [ required块].

    的 [ required块] 是指可用的块，如任务信息的任务块、进程信息的进程块和待定任务信息的当前待定任务块。

    例如，要在任务详细信息页面中添加有关“所需路由选择”的信息，您可以在任务块中添加以下键值对：

    code language-none 
    "todo" : {
    .
    .
    .
    "details" : {
        .
        .
        "task" : {
            .
            .
            "RouteSelectionRequired" : "Route Selection Required"
        }
    }
}
    note note
    NOTE
    为所有支持的语言添加相应的键值对。

  3. 复制 /libs/ws/js/runtime/templates/taskdetails.html to /apps/ws/js/runtime/templates/taskdetails.html.

    将新信息添加到 /apps/ws/js/runtime/templates/taskdetails.html. 例如：

    code language-css 
    <div class="detailsContainer">
    .
    .
    <ul>
        .
        .
        <li>
            <label for="routeSelectionRequired" title="<%= $.t('todo.details.task.RouteSelectionRequired')%>"><%= $.t('todo.details.task.RouteSelectionRequired')%></label>
            <div>
                <span id="routeSelectionRequired"><%= isRouteSelectionRequired != null ? isRouteSelectionRequired : ''%></span>
            </div>
        </li>
        .
        .
    </ul>
</div>

  4. 打开/apps/ws/js/registry.js进行编辑。

    搜索和替换 text!/lc/libs/ws/js/runtime/templates/taskdetails.html with text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

NOTE
要使用在AEM Forms工作区的​ 开始流程 ​选项卡中创建的任务自定义任务详细信息页面，请将新信息添加到 /apps/ws/js/runtime/templates/startprocess.html.
要为详细信息页面中添加的信息添加新样式，请使用 用户界面更改 部分 工作区自定义.
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da