自定义任务详细信息页面

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

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

• 任务的JSON对象中可用的信息(AEM Forms工作区JSON对象描述中的任务部分)
• 进程实例的JSON对象中可用的信息(AEM Forms工作区JSON对象描述中的进程实例部分)

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

1. 按照AEM Forms工作区自定义的一般步骤操作。

2. 要显示任何其他信息，请向位于todo块> details块> app块> [ required块]的translation.json文件添加相应的键值对。

   [ required块]引用可用块，例如任务信息的任务块、进程信息的进程块以及待定任务信息的当前待定任务块。

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

   "todo" : {
       .
       .
       .
       "details" : {
           .
           .
           "task" : {
               .
               .
               "RouteSelectionRequired" : "Route Selection Required"
           }
       }
   }
   

   注意

   为所有支持的语言添加相应的键值对。

3. 将/libs/ws/js/runtime/templates/taskdetails.html复制到/apps/ws/js/runtime/templates/taskdetails.html。

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

   <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替换为text!/lc/apps/ws/js/runtime/templates/taskdetails.html。