在表單清單項目上新增自訂動作

上次更新: 2023-05-04
  • 建立對象:
  • User
注意

AEM 6.4已結束延伸支援,本檔案不再更新。 如需詳細資訊,請參閱 技術支援期. 尋找支援的版本 此處.

在AEM Forms中,您可以建立列出可用表單的入口網站頁面。 依預設,您可以在入口網頁上搜尋和列出表單。 您可以開啟表單以填寫並提交資訊。 入口網站頁面上所列的表單僅可立即使用呈現動作。 若要深入了解入口網站頁面上的可用動作,請參閱 建立表單入口網站頁面.

您可以將其他選項新增至入口網頁。 您可以自訂表單入口網站的範本,以自訂這些選項或動作。

本文將示範如何直接從表單入口網站頁面建立按鈕,以傳送表單的連結。 此自訂需要更新Search & Lister元件的範本。

以下提供將動作新增至範本所需的程式碼。 此 onclick 程式碼片段中的屬性有指令碼,可透過電子郵件傳送表單連結。

<div class="__FP_boxes-container __FP_single-color">
    <div class="boxes __FP_boxes __FP_single-color" data-repeatable="true">
  <div class="__FP_boxes-thumbnail">
            <img src ="${contextPath}${path}/jcr:content/renditions/cq5dam.thumbnail.319.319.png">
        </div>
        <h3 class="__FP_single-color" title="${name}" tabindex="0">${name}</h3>
        <p>${description}</p>
        <div class="boxes-icon-cont __FP_boxes-icon-cont">
            <div class="op-dow">
                <a href="${formUrl}" target="_blank" class="__FP_button ${htmlStyle}" title="${config-htmlLinkText}">Apply</a>
                <a class="__FP_button" title="Email a friend" href="#" onclick="javascript:window.location=&apos;mailto:?subject=Interesting information&body=I thought you might find {name} form helpful :  &apos;+window.location.protocol+window.location.host+&apos;${formUrl}&apos; ;">Email</a>
                <a href="${pdfUrl}" class="__FP_button ${pdfStyle}" title="${config-pdfLinkText}">Download</a>
            </div>
        </div>
    </div>
</div>

您可以在自訂範本中新增類似動作。 若要定義JavaScript函式,請在頁面層級指令碼上新增函式,並將其與必要的HTML元素連結。 在上述範例中, onclick 運算式是連結的函式。

對範本進行編輯後,範例入口網頁會包含一個按鈕,可透過電子郵件傳送表單連結,如下所示。

email

本頁內容