文件AEM 6.5使用手冊

自訂工作詳細資訊頁面 customizing-the-task-details-page

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 主題：

建立對象：

  • undefined
  • undefined

作業詳細資訊頁面包含作業及其流程的資訊。 不過，您可以自訂工作詳細資訊頁面來新增或刪除資訊。

您可以將下列資訊新增至工作詳細資訊頁面：

若要自訂工作詳細資訊頁面，請執行下列動作：

  1. 請依照一般步驟進行AEM Forms工作區自訂。

  2. 若要顯示任何其他資訊，請在todoblock > detailsblock > appblock > [requiredblock]的translation.json檔案中新增對應的機碼值組。

    [required區塊]參考到可用的區塊，例如工作資訊的工作區塊、處理序資訊的處理序區塊，以及擱置工作資訊的currentpendingtask區塊。

    例如，若要在工作詳細資訊頁面中新增有關「需要路由選擇」的資訊，您可以在工作區塊中新增下列索引鍵/值組：

    code language-json 
    "todo" : {
    .
    .
    .
    "details" : {
        .
        .
        "task" : {
            .
            .
            "RouteSelectionRequired" : "Route Selection Required"
        }
    }
}
    note note
    NOTE
    為所有支援的語言新增對應的機碼值組。

  3. 將/libs/ws/js/runtime/templates/taskdetails.html複製到/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/apps/ws/js/runtime/templates/taskdetails.html取代text!/lc/libs/ws/js/runtime/templates/taskdetails.html。

NOTE
若要使用在AEM Forms工作區的​ 開始程式 ​索引標籤中建立的任務來自訂任務詳細資訊頁面，請將新資訊新增至/apps/ws/js/runtime/templates/startprocess.html。
若要為新增至詳細資訊頁面的資訊新增樣式，請使用Workspace自訂中的​ 使用者介面變更 ​區段來修改CSS檔案。
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2