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

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

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

選取​ 客戶識別碼 ​欄位，並選取​ 編輯規則 ​圖示。 「規則編輯器」視窗隨即開啟。

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

在視覺化編輯器中，預設會選取​ WHEN ​陳述式。 此外，WHEN ​陳述式中會指定您啟動規則編輯器的表單物件（在此案例中為​ 客戶識別碼）。

選取​ 選取狀態 ​下拉式清單，並選取​ 已變更。

在​ THEN ​陳述式中，從​ 選取動作 ​下拉式清單中選取​ 叫用服務。

從​ 選取 ​下拉式清單中選取​ 擷取送貨地址 ​服務。

從[表單物件]索引標籤將​ 客戶識別碼 ​欄位拖放到​ 拖放物件，或在 ​​輸入​​ 方塊中選取這裡 ​欄位。

從[表單物件]索引標籤將​ 客戶ID、名稱、送貨地址、狀態和郵遞區號 ​欄位拖放到​ 放置物件，或在 ​​輸出​​ 方塊中選取這裡 ​欄位。

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

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

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

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

在WHEN選項中，已選取​ 已點按 ​及​ 已點按 ​選項。

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

從​ 選取 ​下拉式清單中選取​ 更新送貨地址 ​服務。

從表單物件索引標籤將​ 送貨地址、狀態和郵遞區號 ​欄位拖放到​ Drop物件的對應tablename .property （例如customerdetails .shippingAddress），或在 ​​ INPUT ​​ 方塊中選取這裡 ​欄位。 所有前置詞為tablename的欄位（例如，在此使用案例中為customerdetails）都會當作更新服務的輸入資料。 這些欄位中提供的所有內容都會在資料來源中更新。

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

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

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

選取​ 客戶識別碼 ​欄位，並選取Edit Rules圖示。 規則編輯器視窗隨即開啟。

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

在視覺化編輯器中，預設會選取​ WHEN ​陳述式。 此外，WHEN ​陳述式中會指定您啟動規則編輯器的表單物件（在此案例中為​ 客戶識別碼）。

選取​ 選取狀態 ​下拉式清單，並選取​ 已變更。

在​ THEN ​陳述式中，從​ 選取動作 ​下拉式清單中選取​ 叫用服務。

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

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

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