자습서: 적응형 양식 필드에 규칙 적용 tutorial-apply-rules-to-adaptive-form-fields

편집할 적응형 양식을 엽니다.

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

탭하기 고객 ID 필드 및 탭 규칙 편집 아이콘. 규칙 편집기 창이 열립니다.

탭하기 + 만들기 아이콘을 클릭하여 규칙을 추가합니다. 시각적 편집기가 열립니다.

시각적 편집기에서 WHEN 문은 기본적으로 선택됩니다. 또한 양식 개체(이 경우 고객 ID)에서 규칙 편집기를 실행한 위치( WHEN 문.

탭하기 상태 선택 드롭다운 및 선택 가 변경되었습니다..

에서 THEN statement, select 서비스 호출 에서 작업 선택 드롭다운.

을(를) 선택합니다 배송 주소 검색 서비스 제공 선택 드롭다운.

드래그 앤 드롭 고객 ID 양식 객체 탭에서 개체를 끌어 놓거나 여기를 선택하십시오. 의 필드 입력 상자.

드래그 앤 드롭 고객 ID, 이름, 배송 주소, 상태 및 우편 번호 양식 객체 탭에서 개체를 끌어 놓거나 여기를 선택하십시오. 의 필드 출력 상자.

탭 완료 규칙을 저장하려면 을 클릭합니다. 규칙 편집기 창에서 닫기.

적응형 양식을 미리 봅니다. 에 ID를 입력합니다. 고객 ID 필드. 이제 양식에서 데이터베이스에서 고객 세부 사항을 검색할 수 있습니다.

을(를) 선택합니다 제출 필드 및 탭 규칙 편집 아이콘. 규칙 편집기 창이 열립니다.

을(를) 선택합니다 제출 - 클릭 규칙 및 탭 편집 아이콘. 전송 규칙을 편집하는 옵션이 나타납니다.

WHEN 옵션에서 제출 및 를 클릭합니다. 옵션이 이미 선택되어 있습니다.

에서 THEN 옵션을 탭합니다. + 문 추가 선택 사항입니다. 선택 서비스 호출 에서 작업 선택 드롭다운.

을(를) 선택합니다 배송 주소 업데이트 서비스 제공 선택 드롭다운.

드래그 앤 드롭 배송 주소, 상태 및 우편 번호 Form Objects 탭의 필드에서 해당 tablename.property(예: customerdetails.shippingAddress)로 이동합니다. 개체를 끌어 놓거나 여기를 선택하십시오. 의 필드 입력 상자. 테이블 이름(예: 이 사용 사례의 customerdetails) 접두사가 있는 모든 필드는 업데이트 서비스에 대한 입력 데이터로 사용됩니다. 이러한 필드에 제공된 모든 컨텐츠는 데이터 소스에서 업데이트됩니다.

드래그 앤 드롭 고객 ID 양식 객체 탭의 필드에서 입력 상자. 접두사가 없는 필드(예: 이 사용 사례의 customerdetails)는 업데이트 서비스의 검색 매개 변수로 사용됩니다. 다음 id 이 사용 사례의 필드는 customerdetails 테이블의 레코드를 고유하게 식별합니다.

탭 완료 규칙을 저장하려면 을 클릭합니다. 규칙 편집기 창에서 닫기.

적응형 양식을 미리 봅니다. 고객의 세부 사항을 검색하고 배송 주소를 업데이트한 다음 양식을 제출합니다. 동일한 고객의 상세내역을 다시 읽어들일 때 갱신된 배송 주소가 표시됩니다.

탭하기 고객 ID 필드 및 탭 Edit Rules 아이콘. 규칙 편집기 창이 열립니다.

탭하기 + 만들기 아이콘을 클릭하여 규칙을 추가합니다. 시각적 편집기가 열립니다.

시각적 편집기에서 WHEN 문은 기본적으로 선택됩니다. 또한 양식 개체(이 경우 고객 ID)에서 규칙 편집기를 실행한 위치( WHEN 문.

탭하기 상태 선택 드롭다운 및 선택 가 변경되었습니다..

에서 THEN statement, select 서비스 호출 에서 작업 선택 드롭다운.

전환 Visual Editor to 코드 편집기. 창 오른쪽에 스위치 컨트롤이 있습니다. 코드 편집기가 열리고 다음과 유사한 코드가 표시됩니다.

입력 변수 섹션을 다음 코드로 바꿉니다.

var inputs = {
    "id" : this
};

guidelib.dataIntegrationUtils.executeOperation(operationInfo, 입력, 출력) 섹션을 다음 코드로 바꿉니다.

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를 입력합니다. 오류 메시지가 나타납니다.