HTML5 양식에서 사용자 정의 모양 만들기 create-custom-appearances-in-html-forms

사용자 지정 위젯을 모바일 Forms에 연결할 수 있습니다. 기존 jQuery 위젯을 확장하거나 모양 프레임워크를 사용하여 고유한 사용자 지정 위젯을 개발할 수 있습니다. XFA 엔진은 다양한 위젯을 사용합니다. 자세한 내용은 적응형 및 HTML5 양식의 모양 프레임워크 자세한 정보

그림: 기본 및 사용자 지정 위젯의 예

사용자 지정 위젯과 HTML 5 양식 통합 integrating-custom-widgets-with-html-forms

프로필 만들기  create-a-profile-nbsp

프로필을 만들거나 기존 프로필을 선택하여 사용자 지정 위젯을 추가할 수 있습니다. 프로필 만들기에 대한 자세한 내용은 사용자 지정 프로필 만들기.

위젯 만들기 create-a-widget

HTML5 양식은 새 위젯을 만들기 위해 확장할 수 있는 위젯 프레임워크의 구현을 제공합니다. 구현은 jQuery 위젯입니다 abstractWidget 새 위젯을 작성하기 위해 확장할 수 있습니다. 새 위젯은 아래에 언급된 함수를 확장/재정의해야만 작동할 수 있습니다.

위젯을 직접 만들려면, 위에서 만든 프로필에 재정의된 함수와 새로 추가된 함수를 포함하는 JavaScript 파일의 참조를 포함합니다. 예: sliderNumericFieldWidget 는 숫자 필드에 대한 위젯입니다. 헤더 섹션에서 프로필에서 위젯을 사용하려면 다음 줄을 포함하십시오.

window.formBridge.registerConfig("widgetConfig" , widgetConfigObject);

XFA 스크립팅 엔진에 사용자 지정 위젯 등록  register-custom-widget-with-xfa-scripting-engine-nbsp

사용자 지정 위젯 코드가 준비되면 을 사용하여 위젯을 스크립팅 엔진에 등록합니다 registerConfig용 API 양식 브리지. widgetConfigObject 를 입력으로 가져옵니다.

window.formBridge.registerConfig("widgetConfig",
        {
        ".<field-identifier>":"<name-of-the-widget>"
        }
    );

widgetConfigObject widgetconfigobject

위젯 구성은 키가 필드를 식별하고 값이 해당 필드에 사용할 위젯을 나타내는 JSON 개체(키 값 쌍의 컬렉션)로 제공됩니다. 샘플 구성은 다음과 같습니다.

*{*

*“identifier1” : “customwidgetname”,
“identifier2” : “customwidgetname2”,
..
}*

여기서 "identifier"는 특정 필드, 특정 유형의 필드 집합 또는 모든 필드를 나타내는 jQuery CSS 선택기입니다. 다음은 ID의 값 목록에따라 달라집니다.