在建立通訊UI中新增自訂動作按鈕 add-custom-action-button-in-create-correspondence-ui

前往https://'[server]:[port]'/[ContextPath]/crx/de並以管理員身分登入。

在apps資料夾中，建立名為defaultApp的資料夾，其路徑/結構類似於defaultApp資料夾（在config資料夾中）。 使用下列步驟建立資料夾：

1. 在下列路徑的​ defaultApp ​資料夾上按一下滑鼠右鍵，然後選取​ 覆蓋節點：

   /libs/fd/cm/config/defaultApp/

   

2. 請確定「覆蓋節點」對話方塊是否具備下列值：

   路徑： /libs/fd/cm/config/defaultApp/

   覆蓋位置： /apps/

   符合節點型別： ​已核取

   

3. 按一下​ 「確定」。

4. 按一下​ 「儲存全部」。

複製/apps分支下的acmExtensionsConfig.xml檔案（存在於/libs分支下）。

1. 前往「/libs/fd/cm/config/defaultApp/acmExtensionsConfig.xml」

2. 以滑鼠右鍵按一下acmExtensionsConfig.xml檔案，然後選取​ 複製。

   

3. 以滑鼠右鍵按一下位於"/apps/fd/cm/config/defaultApp/"的​ defaultApp ​資料夾，然後選取​ 貼上。

4. 按一下​ 「儲存全部」。

連按兩下您在apps資料夾中新建立的acmExtentionsConfig.xml復本。 檔案會開啟以進行編輯。

找到下列程式碼：

<?xml version="1.0" encoding="utf-8"?>
<extensionsConfig>
    <modelExtensions>
        <modelExtension type="LetterInstance">
  <customAction name="Preview" label="loc.letterInstance.preview.label" tooltip="loc.letterInstance.preview.tooltip" styleName="previewButton"/>
            <customAction name="Submit" label="loc.letterInstance.submit.label" tooltip="loc.letterInstance.submit.tooltip" styleName="submitButton" permissionName="forms-users"/>
            <customAction name="SaveAsDraft" label="loc.letterInstance.saveAsDraft.label" tooltip="loc.letterInstance.saveAsDraft.tooltip" styleName="submitButton" permissionName="forms-users"/>
            <customAction name="Close" label="loc.letterInstance.close.label" tooltip="loc.letterInstance.close.tooltip" styleName="closeButton"/>
        </modelExtension>
    </modelExtensions>
</extensionsConfig>

若要以電子郵件傳送信件，您可以使用LiveCycleForms Workflow。 在acmExtensionsConfig.xml的modelExtension標籤下新增customAction標籤，如下所示：

 <customAction name="Letter Review" label="Letter Review" tooltip="Letter Review" styleName="" permissionName="forms-users" actionHandler="CM.domain.CCRCustomActionHandler">
      <serviceName>Forms Workflow -> SendLetterForReview/SendLetterForReviewProcess</serviceName>
    </customAction>

modelExtension標籤有一組customAction子標籤，可用來設定動作、許可權和動作按鈕的外觀。 以下是customAction設定標籤的清單：

除了上述引數之外，還可以有其他與customAction相關聯的設定。 這些額外的設定可透過CustomAction物件供處理常式使用。

按一下​ 「儲存全部」。

用滑鼠右鍵按一下下列路徑的​ 地區設定 ​資料夾，然後選取​ 覆蓋節點：

/libs/fd/cm/config/defaultApp/locale

請確定「覆蓋節點」對話方塊是否具備下列值：

路徑： /libs/fd/cm/config/defaultApp/locale

覆蓋位置： /apps/

符合節點型別： ​已核取

按一下​ 「確定」。

按一下​ 「儲存全部」。

用滑鼠右鍵按一下下列檔案，然後選取​ 複製：

/libs/fd/cm/config/defaultApp/locale/ACMExtensionsMessages.properties

用滑鼠右鍵按一下下列路徑的​ 地區設定 ​資料夾，然後選取​ 貼上：

/apps/fd/cm/config/defaultApp/locale/

ACMExtensionsMessages.properties檔案會複製到地區設定資料夾中。

若要將新增的自訂動作/按鈕的標籤當地語系化，請在/apps/fd/cm/config/defaultApp/locale/中建立相關地區設定的ACMExtensionsMessages.properties檔案。

例如，若要當地語系化本文中建立的自訂動作/按鈕，請使用下列專案建立名為ACMExtensionsMessages_fr.properties的檔案：

loc.letterInstance.letterreview.label=Revue De Lettre

同樣地，您可以在此檔案中新增更多屬性，例如工具提示和樣式。

按一下​ 「儲存全部」。

移至https://[host]:'port'/system/console/bundles。 如有必要，請以管理員身分登入。

找出Adobe資產撰寫器建置區塊套件。 重新啟動套件：按一下[停止]，然後按一下[啟動]。

移至https://'[server]:[port]'/[ContextPath]/crx/de。 如有必要，請以管理員身分登入。

在apps資料夾中，在CRX的/apps分支中建立名為js的資料夾，其結構與下列資料夾類似：

/libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/js

使用下列步驟建立資料夾：

1. 在下列路徑的​ js ​資料夾上按一下滑鼠右鍵，然後選取​ 覆蓋節點：

   /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/js

2. 請確定「覆蓋節點」對話方塊是否具備下列值：

   路徑： /libs/fd/cm/ccr/gui/components/admin/clientlibs/crui/js

   覆蓋位置： /apps/

   符合節點型別： ​已核取

3. 按一下​ 「確定」。

4. 按一下​ 「儲存全部」。

在js資料夾中，使用按鈕的動作處理程式碼，建立名為ccrcustomization.js的檔案，步驟如下：

1. 在下列路徑的​ js ​資料夾上按一下滑鼠右鍵，然後選取​ 建立>建立檔案：

   /apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/js

   將檔案命名為ccrcustomization.js。

2. 連按兩下ccrcustomization.js檔案，以在CRX中開啟。

3. 在檔案中貼上下列程式碼，然後按一下[儲存全部] ​：

   code language-javascript

   /* for adding and handling custom actions in Extensible Toolbar. * One instance of handler will be created for each action. * CM.domain.CCRCustomActionHandler is actionHandler class. */ var CCRCustomActionHandler; CCRCustomActionHandler = CM.domain.CCRCustomActionHandler = new Class({ className: 'CCRCustomActionHandler', extend: CCRDefaultActionHandler, construct : function(action,model){ } }); /** * Called when user user click an action * @param extraParams additional arguments that may be passed to handler (For future use) */ CCRCustomActionHandler.prototype.handleAction = function(extraParams){ if (this.action.name == CCRCustomActionHandler.SEND_FOR_REVIEW) { var sendForReview = function(){ var serviceName = this.action.actionConfig["serviceName"]; var inputParams = {}; inputParams["dataXML"] = this.model.iccData.data; inputParams["letterId"] = this.letterVO.id; inputParams["letterName"] = this.letterVO.name; inputParams["mailId"] = $('#email').val(); /*function to invoke the LivecyleService */ ServiceDelegate.callJSONService(this,"lc.icc.renderlib.serviceInvoker.json","invokeProcess",[serviceName,inputParams],this.onProcessInvokeComplete,this.onProcessInvokeFail); $('#ccraction').modal("hide"); } if($('#ccraction').length == 0){ /*For first click adding popup & setting letterName.*/ $("body").append(popUp); $("input[id*='letterName']").val(this.letterVO.name); $(document).on('click',"#submitLetter",$.proxy( sendForReview, this )); } $('#ccraction').modal("show"); } }; /** * Should the action be enabled in toolbar * @param extraParams additional arguements that may be passed to handler (For future use) * @return flag indicating whether the action should be enabled */ CCRCustomActionHandler.prototype.actionEnabled = function(extraParams){ /*can be customized as per user requirement*/ return true; }; /** * Should the action be visible in toolbar * @param extraParams additional arguments that may be passed to handler (For future use) * @return flag indicating whether the action should be enabled */ CCRCustomActionHandler.prototype.actionVisible = function(extraParams){ /*Check can be enabled for Non-Preview Mode.*/ return true; }; /*SuccessHandler*/ CCRCustomActionHandler.prototype.onProcessInvokeComplete = function(response) { ErrorHandler.showSuccess("Letter Sent for Review"); }; /*FaultHandler*/ CCRCustomActionHandler.prototype.onProcessInvokeFail = function(event) { ErrorHandler.showError(event.message); }; CCRCustomActionHandler.SEND_FOR_REVIEW = "Letter Review"; /*For PopUp*/ var popUp = '<div class="modal fade" id="ccraction" tabindex="-1" role="dialog" aria-hidden="true">'+ '<div class="modal-dialog modal-sm">'+ '<div class="modal-content">' + '<div class="modal-header">'+ '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</code></button>'+ '<h4 class="modal-title"> Send Review </h4>'+ '</div>'+ '<div class="modal-body">'+ '<form>'+ '<div class="form-group">'+ '<label class="control-label">Email Id</label>'+ '<input type="text" class="form-control" id="email">'+ '</div>'+ '<div class="form-group">'+ '<label class="control-label">Letter Name</label>'+ '<input id="letterName" type="text" class="form-control" readonly>'+ '</div>'+ '<div class="form-group">'+ '<input id="letterData" type="text" class="form-control hide" readonly>'+ '</div>'+ '</form>'+ '</div>'+ '<div class="modal-footer">'+ '<button type="button" class="btn btn-default" data-dismiss="modal"> Cancel </button>'+ '<button type="button" class="btn btn-primary" id="submitLetter"> Submit </button>'+ '</div>'+ '</div>'+ '</div>'+ '</div>';

前往https://'[server]:[port]'/system/console/configMgr並以管理員身分登入。

找到AdobeLiveCycle使用者端SDK設定，然後按一下​ 編輯 （編輯圖示）。 「組態」面板隨即開啟。

輸入下列詳細資料，然後按一下​ 儲存：

• 伺服器URL：動作處理常式程式碼所使用之「傳送以供檢閱」服務的LC伺服器URL。
• 使用者名稱： LC伺服器的管理員使用者名稱
• 密碼：管理員使用者名稱的密碼

以系統管理員身分登入https:/[lc server]/:[lc port]/adminui的LiveCycle®伺服器adminui。

瀏覽至​ 首頁>服務>應用程式及服務>應用程式管理。

如果SendLetterForReview應用程式已經存在，請略過此程式中的其餘步驟，否則繼續後續步驟。

在UI中

按一下​ 匯入。

按一下​ 選擇檔案 ​並選取SendLetterForReview.lca。

按一下​ 預覽。

選取​ 當匯入完成時將資產部署到執行階段。

按一下​ 匯入。

以系統管理員身分登入https:/[host]:'port'/system/console/configMgr。

找到並按一下​ AdobeLiveCycle使用者端SDK組態。 「AdobeLiveCycle使用者端SDK設定」面板隨即顯示。

在服務名稱清單中，按一下+圖示並新增serviceName SendLetterForReview/SendLetterForReviewProcess。

按一下「儲存」。

使用管理員認證登入，在https:/[lc server]:[lc port]/adminuiLiveCycleServer Adminui。

導覽至​ 首頁>服務>應用程式及服務>服務管理。

找到並按一下​ 電子郵件服務。

在​ SMTP主機 ​中設定電子郵件服務。

按一下「儲存」。

在DSCSample.jar的cmsa.properties中更新位於以下位置的Experience Manager伺服器URL：

DSCSample.jar\com\adobe\livecycle\cmsa.properties

在組態檔中提供下列引數：

• crx.serverUrl=https:/host:port/[內容路徑]/[AEM URL]
• crx.username=Experience Manager使用者名稱
• crx.password=Experience Manager密碼
• crx.appRoot=/content/apps/cm

DSCSample.jar檔案使用renderLetter API。 如需有關renderLetter API的詳細資訊，請參閱介面LetterRenderService。

啟動Workbench並登入。

選取​ 視窗>顯示檢視>元件。 「元件」檢視會新增至Workbench ES2。

用滑鼠右鍵按一下​ 元件 ​並選取​ 安裝元件。

透過檔案瀏覽器選取​ DSCSample.jar ​檔案，然後按一下​ 開啟。

用滑鼠右鍵按一下​ RenderWrapper，然後選取​ 啟動元件。 如果元件啟動，元件名稱旁會出現綠色箭頭。

清除瀏覽器快取。

在建立通訊UI中，按一下​ 信件稽核 ​並指定稽核者的電子郵件識別碼。

按一下「提交」。