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

사용자 지정 위젯 코드가 준비되면 Form Bridge용 registerConfigAPI를 사용하여 스크립팅 엔진에 위젯을 등록합니다. widgetConfigObject를 입력으로 사용합니다.

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

widgetConfigObject widgetconfigobject

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

*{*

*"identifier1" : "customwidgetname",
"identifier2" : "customwidgetname2",
..
}*

여기서 "identifier"는 특정 필드, 특정 유형의 필드 집합 또는 모든 필드를 나타내는 jQuery CSS 선택기입니다. 다음은 여러 경우에 사용되는 식별자의 값을 나열합니다.