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

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

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

選取 客戶ID 欄位並選取 編輯規則 圖示。 「規則編輯器」視窗隨即開啟。

選取 +建立 圖示以新增規則。 這會開啟視覺化編輯器。

在視覺編輯器中， 時間 陳述式預設為選取。 此外，表單物件(在此案例中， 客戶ID)啟動規則編輯器的位置，則會在 時間 陳述式。

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

在 則 陳述式，選取 啟動服務 從 選取動作 下拉式清單。

選取 擷取送貨地址 來自的服務 選取 下拉式清單。

拖放 客戶ID 欄位(從「表單物件」標籤到 將物件放下或選取這裡 中的欄位 輸入 方塊。

拖放 客戶ID、名稱、運送地址、州別和郵遞區號 欄位(從「表單物件」標籤到 將物件放下或選取這裡 中的欄位 輸出 方塊。

選取 完成 以儲存規則。 在規則編輯器視窗中，選取 關閉.

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

選取 提交 欄位並選取 編輯規則 圖示。 「規則編輯器」視窗隨即開啟。

選取 提交 — 按一下 規則並選取 編輯 圖示。 編輯提交規則的選項隨即顯示。

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

在 則 選項，選取 +新增陳述式 選項。 選取 啟動服務 從 選取動作 下拉式清單。

選取 更新送貨地址 來自的服務 選取 下拉式清單。

拖放 送貨地址、州別和郵遞區號 欄位來自 表單物件 定位字元至對應的tablename .property （例如customerdetails .shippingAddress） 將物件放下或選取這裡 中的欄位 輸入 方塊。 所有前置詞為tablename的欄位（例如，在此使用案例中為customerdetails）都會當作更新服務的輸入資料。 這些欄位中提供的所有內容都會在資料來源中更新。

拖放 客戶ID 欄位來自 表單物件 標籤切換至中的id欄位 輸入 方塊。 沒有前置字元Tablename的欄位（例如，此使用案例中的Customerdetails）會作為更新服務的搜尋引數。 此 id 此使用案例中的欄位可唯一識別 customerdetails 表格。

選取 完成 以儲存規則。 在規則編輯器視窗中，選取 關閉.

預覽最適化表單。 擷取客戶的詳細資料、更新送貨地址並提交表單。 當您再次擷取相同客戶的詳細資料時，會顯示更新的送貨地址。

選取 客戶ID 欄位並選取 Edit Rules 圖示。 此 規則編輯器 視窗會開啟。

選取 +建立 圖示以新增規則。 這會開啟視覺化編輯器。

在視覺編輯器中， 時間 陳述式預設為選取。 此外，表單物件(在此案例中， 客戶ID)啟動規則編輯器的位置，則會在 時間 陳述式。

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

在 則 陳述式，選取 啟動服務 從 選取動作 下拉式清單。

切換來源 視覺化編輯器 至 代碼編輯器. 切換器控制項位於視窗的右側。 程式碼編輯器隨即開啟，顯示類似下列的程式碼：

將輸入變數區段取代為下列程式碼：

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。 出現錯誤訊息。