폼디자이너 매니저

• 드래그 앤 드랍 만으로 손쉽게 UI를 구성
• 폼의 다양한 옵션 기능들(화면 가이드 , 선택기능 , 파일첨부)을 설정만으로 사용가능

1. 엔터티 필드

2. Outline

3. Design - Design 영역의 계층 관계

4. 속성

   1. Script : 해당 폼 전역의 script를 정의가능
      1. 버튼, 필드 , 기본값 제어와 같이 자바스크립트 또는 제이쿼리 문법을 통하여 작성이 가능
      2. ajax를 통해서 서버의 data를 가져올 수 있도록 작성이 가능
   2. Config : 릴레이션 관계 설정이 가능하며 , 워크플로우 유형이 아닐경우에 한하여 외부호출 버튼을 json 구조로 작성하여 사용할 수  있음.
   3. 로딩시 key 설정 : 연결키를 정의 할 수 있음
      1. *등록폼에서 필수로 체크를 해야하며 , 폼이 로딩 될 때 sequence가 증가.
      2. 화면 Help : 폼 우측 탭을 통해 폼 화면의 가이드를 정의가능.

5. 선택기능: 폼영역의 우측 탭 UI로 표기

   1. 히스토리맵 : 티켓에 따른 흐름을 확인하는 곳
   2. 승인이력/이관이력 /변경이력 : 항목의 감사로 체크된 항목 대상, 필드의 데이터 변경 이력을 확인 / 보고서출력 : 화면을 스냅샷 형태로 pdf파일로 추출이 가능.

   폼디자이너 디자인

   

   

   ---

   

   

   

   

   

   폼 디자이너 속성

   아톰

   아톰개발가이드

   아톰리스트 예제

   • String - String 타입의 데이터는 문자열 데이터를 표현하며 input, textarea 유형의 UI로 표현

     

     

   • Boolean - Boolean 타입의 데이터는 true/false 두가지 데이터를 표현하며 Checkbox, Radio 유형의 UI로 표현

     

     

   • Number - Number 타입의 데이터는 숫자값을 저장합니다. 정수형,실수형,문자형,날짜형 유형의 UI로 표현

     

   • Entity - Entity 타입의 데이터는 E-GENE 솔루션 콘솔에서 제공하는 엔터티 기준 유형으로 데이터를 가져와서 select, Radio, input, textarea 유형의 UI로 표현

     

     

   • Date - DATE 타입의 데이터는 여러 날짜 유형의 UI로 표현됩니다.

     

     

   • Code - Code 타입의 데이터는 코드관리에서 사용하고 있는 코드값을 저장하며, 화면에서 코드값에 따른 제어가 필요 할 때 사용되며 Radio, Select, input 유형의 UI로 표현

   

   

   • JSON - Json 타입의 데이터는 E-GENE 시스템에서 주로 사용되는 Atom으로 SLM, DataAdapter, AutoAssign에서 주로 사용됨

     • SLM: SLA를 바탕으로 IT조직에 의해 제공된 서비스의 품질을 측정하고, 보고하고, 향상시키는 지속적인 절차

     

   • Custom

     

     

   알아두면 좋아요

   <input type="password" id='<%= fid %>' name='<%= fld_name %>' maxlength='<%= fld.maxLength %>' style='width:100%' value='<%= val %>' autocomplete="off">
   

   • fid 변수는 입력 필드의 ID
   • fld_name 변수는 입력 필드의 이름
   • fld.maxLength 변수는 입력 필드의 최대 길이
   • 스타일 너비를 100%로 설정합니다.
   • val 변수의 값을 입력 필드에 설정
   • autocomplete="off" 속성은 자동 완성을 비활성화