自定義任務詳細資訊頁 customizing-the-task-details-page

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工作區的​ Start Process ​ 頁簽中建立的任務自定義任務詳細資訊頁,請將新資訊添加到 /apps/ws/js/runtime/templates/startprocess.html.
若要為詳細資訊頁面中新增的資訊新增樣式,請使用 使用者介面變更 區段 工作區自訂.
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da