教學課程：將規則套用至最適化表單欄位 tutorial-apply-rules-to-adaptive-form-fields

開啟最適化表單以進行編輯。

http://localhost:4502/editor.html/content/forms/af/change-billing-shipping-address.html

點選 客戶ID 欄位並點選 編輯規則 表徵圖。 「規則編輯器」窗口隨即開啟。

點選 +建立 圖示來新增規則。 它會開啟視覺編輯器。

在可視化編輯器中， 當 預設情況下，會選取語句。 此外，表單物件(在此例中， 客戶ID)，此時會在 當 語句。

點選 選擇狀態 下拉式清單並選取 已變更.

在 THEN 語句，選擇 調用服務 從 選擇操作 下拉式清單。

選取 檢索發運地址 服務 選擇 下拉式清單。

拖放 客戶ID 欄位(從「表單對象」頁簽到 拖放對象或在此處選擇 欄位 輸入 框。

拖放 客戶ID、名稱、運送地址、州和郵遞區號 欄位(從「表單對象」頁簽到 拖放對象或在此處選擇 欄位 輸出 框。

點選 完成 來儲存規則。 在規則編輯器視窗上，點選 關閉.

預覽最適化表單。 在 客戶ID 欄位。 表單現在可以從資料庫擷取客戶詳細資訊。

選取 提交 欄位並點選 編輯規則 表徵圖。 「規則編輯器」窗口隨即開啟。

選取 提交 — 按一下 規則，並點選 編輯 表徵圖。 編輯提交規則的選項隨即出現。

在WHEN選項中， 提交 和 已點按 已選擇選項。

在 THEN 選項，點選 +添加語句 選項。 選擇 調用服務 從 選擇操作 下拉式清單。

選取 更新發運地址 服務 選擇 下拉式清單。

拖放 運送地址、州和郵遞區號 欄位(從「表單對象」頁簽到 拖放對象或在此處選擇 欄位 輸入 框。 所有以tablename為前置詞的欄位（例如，此使用案例中的customerdetails）都用作更新服務的輸入資料。 這些欄位中提供的所有內容都會在資料來源中更新。

拖放 客戶ID 欄位(從「表單對象」頁簽到 輸入 框。 不含前置詞tablename的欄位（例如，此使用案例中的customerdetails）可作為更新服務的搜尋參數。 此 id 在此使用案例中，欄位可唯一標識customerdetails表中的記錄。

點選 完成 來儲存規則。 在規則編輯器視窗上，點選 關閉.

預覽最適化表單。 檢索客戶的詳細資訊、更新發運地址並提交表單。 當您再次檢索同一客戶的詳細資訊時，將顯示更新的發運地址。

點選 客戶ID 欄位並點選 Edit Rules 表徵圖。 「規則編輯器」窗口隨即開啟。

點選 +建立 圖示來新增規則。 它會開啟視覺編輯器。

在可視化編輯器中， 當 預設情況下，會選取語句。 此外，表單物件(在此例中， 客戶ID)，此時會在 當 語句。

點選 選擇狀態 下拉式清單並選取 已變更.

在 THEN 語句，選擇 調用服務 從 選擇操作 下拉式清單。

從 可視化編輯器 to 代碼編輯器. 開關控制項位於窗口的右側。 「代碼編輯器」隨即開啟，顯示類似下列的代碼：

使用下列程式碼取代輸入變數區段：

var inputs = {
    "id" : this
};

將guidelib.dataIntegrationUtils.executeOperation(operationInfo, inputs, outputs)區段取代為下列程式碼：

guidelib.dataIntegrationUtils.executeOperation(operationInfo, inputs, outputs, function (result) {
  if (result) {
      result = JSON.parse(result);
    customer_Name.value = result.name;
    customer_Shipping_Address = result.shippingAddress;
  } else {
    if(window.confirm("Invalid Customer ID. Provide a valid customer ID")) {
          customer_Name.value = " ";
         guideBridge.setFocus(customer_ID);
    }
  }
});

預覽最適化表單。 輸入錯誤的客戶ID。 出現錯誤訊息。