自定義任務詳細資訊頁

任務詳細資訊頁面包含有關任務及其進程的資訊。 不過，您可以自訂任務詳細資訊頁面，以新增或刪除資訊。

您可以將以下資訊添加到任務詳細資訊頁中：

• 工作的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。