Forguncy 도움말
홈페이지온라인 스터디문의하기다운로드
V10 버전
V10 버전
  • 시작하기
    • Forguncy | 포건시
    • 시스템 요구사항
    • 포건시 빌더|디자이너
      • 빌더(Builder) 설치
      • 빌더(Builder) 온라인 라이선싱
      • 빌더(Builder) 오프라인 라이선싱
      • 빌더(Builder) 제거
    • 포건시 서버|Server
      • Windows 시스템에서 서버(Server) 설치
      • Linux 시스템에서 서버(server) 설치
      • Linux 용 Forguncy Server의 차이점과 주의점
      • 서버(Server) 온라인 라이선싱
      • 서버(Server) 오프라인 라이선싱
      • Windows 시스템에서 서버(Server) 제거
      • Linux 시스템에서 서버제거
  • 데이터베이스
    • 데이터 설정
      • 데이터 테이블 만들기
      • 필드 만들기
      • Excel 파일로 데이터 테이블 만들기
      • 텍스트 파일로 데이터 테이블 만들기
      • Access 파일로 데이터 테이블만들기
      • 뷰 만들기
      • 감사 로그
      • 기본 제공 데이터베이스 동시성 제어
      • 포건시 파일 가져오기
    • 필드 유형
      • 텍스트 필드
      • 정수 필드
      • 소수 필드
      • 날짜 필드
      • 시간 필드
      • 예/아니오 필드
      • 사용자 필드
      • 이미지 필드
      • 첨부 파일 필드
      • 내장 필드
      • 수식 필드
      • 통계 필드
      • 자동 ID 생성
    • 데이터 권한
      • 데이터 추가/생성 권한 편집
      • 행 권한
      • 열 권한
    • 외부 데이터베이스 연결
      • SQL Server에 연결
      • Oracle에 연결
      • MySQL 및 MariaDB에 연결
      • PostgreSQL에 연결
      • Dameng 데이터베이스에 연결
      • 데이터베이스 연결 변경
      • 필드 형식을 다시 가져오기
      • 외부 데이터베이스 사용하기
      • 내장 테이블을 외부 테이블로 변환
      • ODBC를 통해 다른 데이터베이스에 연결
      • 데이터 보안 설정
      • 외부테이블의 복사본 만들기
  • 페이지 & 데이터 바인딩
    • 페이지 설정
      • 일반 페이지
      • 일반 페이지 설정
        • 오버플로 모드
      • 모바일 페이지 만들기
      • 모바일 페이지 설정
      • 마스터 페이지 만들기
      • 마스터 페이지 설정
      • 페이지 늘이기 모드
      • 페이지 로드 모드
      • 페이지 작업
      • 기본 제공 페이지
        • 로그인 페이지
        • 개인 구성 페이지 수정
        • 비밀번호 분실 및 변경 페이지
        • 이메일 알림 설정 페이지
        • 임시 점검 중 페이지
        • 2단계 인증 스캔 코드 및 인증 페이지
        • 401 권한 없음 페이지
    • 데이터테이블 및 페이지 연결
      • 바인딩 필드
      • 리스트뷰 바인딩
    • Excel에서 가져오기
    • 인쇄
      • 페이지 설정
      • 인쇄 영역
      • 페이지 인쇄
      • 이미지 목록 인쇄
      • 인쇄 양식
      • 피벗 테이블을 인쇄
      • 반복영역 인쇄
    • 마스터-하위 테이블을 설정
      • 마스터-하위 테이블 만들기
      • 하위 테이블 설정
      • 하위 테이블 업데이트 모드
      • 하위 테이블 삭제 모드
    • OData
      • OData의 기본 사용
      • OData 매개 변수 설정 - 선택
      • OData 매개 변수 설정 - 쿼리
      • OData 매개 변수 설정 - 상위 제한
      • OData 매개 변수 설정 - 정렬
      • 리스트뷰에 OData 적용
      • OData 연산자에 대한 자세한 설명
      • OData를 Excel 함수와 함께 사용
    • 전역변수
    • 데이터 유효성 검사
      • 페이지 측 검사
        • 필수 입력 설정
        • 수치 검사
        • 수식 검사
        • 정규식
        • 데이터 유효성 검사 트리거
        • 명령 확인
      • 서버단 검사
        • 고유성 검사
        • 필수 유효성 검사
    • 데이터 쿼리 조건
      • 쿼리 명령
      • 리스트뷰 쿼리
    • 키워드
  • 웹 페이지 구성
    • 셀 유형
      • 셀 기본 작업
      • 셀 스타일
      • 버튼
      • 텍스트 상자
      • 여러 줄 텍스트
      • 체크박스
      • 체크박스 그룹
      • 라디오 버튼 그룹
        • 라디오 버튼 데이터 바인딩
        • 라디오 버튼 연동 설정
      • 하이퍼링크
      • 드롭다운/콤보 상자
        • 콤보상자 데이터 바인딩
        • 콤보 상자 연결 설정
      • 숫자 형식
      • 날짜
      • 시간 표시
      • 이미지
      • 이미지 버튼형 업로드 셀
      • 첨부 파일 업로드 버튼형 셀
      • 사용자 목록 선택기
      • 페이지 네비게이션
      • 페이지 탐색
      • 현재 사용자
      • 바코드
      • 페이지 내 컨텐츠가 포함된 셀
      • 페이지 내 탭 방식 셀
      • 자료반복 셀
      • 사용자 정의 컨트롤 컨테이너
      • 프로세스 바
      • 피벗 테이블
    • 리스트뷰 디자인
      • 기본 속성
      • 빠른 스타일
      • 리스트뷰 열 헤더
      • 행 헤더 표시하기
      • 열 선택 기능
      • 요약 행 표시하기
      • 자동 병합
      • 편집 및 선택
      • 데이터 유효성 검사 기간
      • 셀 단위 / 행 단위 선택 단위
      • 선택 설정
      • 열 헤더 작업
      • 포커스 동작
      • 리스트뷰 상태 자동 저장
      • 리스트뷰 열 헤더 필터 및 정렬
      • 리스트뷰 포커스
      • 가로 틀 고정
      • 자동 맞춤
      • 초기 로딩 데이터 및 불러올 행 수
      • 데이터로드 설정
      • 즉시 저장 해제
      • 행 헤더 삽입/복제/삭제
      • 기타 설정
      • 두번 클릭 명령
      • 현재 행 변경 명령 편집
      • 리스트뷰 로딩 애니메이션
      • 항목이 없을 때 내용 설정
    • Excel 수식
      • 기본 수식 사용
      • 참조 스타일
      • 변수명 수식
      • 배열 수식
      • Excel 함수 목록
    • 조건부 서식
      • 셀 조건부 서식
      • 리스트뷰 조건부 서식
    • 차트
      • 기본 사용
      • 데이터 소스 선택
      • 지도차트
      • 복합차트
      • 차트 명령
      • 차트의 조건부 서식
    • 피벗 테이블
      • 피벗 테이블 기본 사용
      • 피벗 테이블 스타일
      • 피벗 테이블 조건부 형식
      • 채우기 모드
      • 고정 및 확장 필드 설정
      • 피벗테이블을 Excel로 내보내기
    • 보고서
      • 보고서 개요
        • RDL 보고서
        • 페이지 보고서
      • 보고서 라이선스
      • 보고서 만들기
      • 보고서 데이터 소스 만들기
      • 보고서 디자이너 및 일반적인 작업
      • 테이블 구성 요소를 사용하여 보고서를 디자인하기
        • 단일 수준 그룹화 및 통계
        • 여러개 그룹화 및 통계
        • 식 그룹화
        • 보고서 정렬
        • 그룹화 필터링 및 정렬
        • 테이블 행 번호
        • 머리글 반복해서 표시
        • 행/열을 고정
        • 테이블 스타일
      • 테이블릭스(모멘트테이블)를 사용하여 보고서를 디자인
        • 모멘트테이블 설계 마법사
        • 다차원 피벗 테이블
      • 보고서 매개 변수 및 데이터 필터링
        • 보고서 매개변수
        • 데이터 필터링
        • 라디오 드롭다운 목록
        • 필터 표시
      • 보고서 제어
        • 바코드
      • 대화형 보고서
        • 매개변수를 이용한 보고서 이동
        • URL 이동
      • 식
      • 보고 명령
        • 보고서 열기 명령
        • 보고서 내보내기 명령
        • 보고서 웹 디자이너 열기
    • 페이지 디자인
      • 이미지 삽입
      • 배경 이미지 삽입
      • 테마
      • 페이지 스트리밍 레이아웃
    • Excel을 페이지로 가져오기
    • 프로젝트 문서
    • 사용자 컨트롤
      • 사용자 컨트롤 만들기
      • 사용자 정의 컨트롤 컨테이너
      • 사용자 컨트롤 속성
      • 사용자 컨트롤 이벤트
      • 사용자정의컨트롤 명령
      • 사용자 컨트롤 관련 명령
      • 사용자 컨트롤 가져오기 및 내보내기
    • 이미지 리소스
  • 명령 및 동작
    • 명령
      • 페이지 명령 - 페이지 이동
        • 고급 설정 - 페이지 전송 값
        • 고급설정 - 캐시 제거
        • 고급 설정 - 바인딩된 데이터 설정 로드
      • 페이지 명령 - 팝업 페이지
      • 페이지 명령 - 팝업 페이지 닫기
        • 입력 값을 상위페이지에 반환
        • 전달받을 값 변경 발생 시 상위 페이지의 입력란에 반환
        • 실행한 쿼리 결과를 상위 페이지에 전달
        • 고급설정
      • 페이지 명령 - 메세지 보여주기
      • 데이터 명령 - 데이터 테이블 작업
        • 고급 설정 - 기타 바인딩되지 않은 필드
        • 고급 설정 - 작업별 레코드
        • 데이터베이스 트랜젝션
        • 기타 고급 설정
      • 데이터 명령 - 리스트뷰 업데이트 명령 만들기
        • 행작동
        • 데이터
        • 셀작동
        • 열 작동
        • 선택
        • 상태정보
      • 데이터 명령 -쿼리
        • 고급 검색
      • 데이터 명령 - 정렬
      • 데이터 명령 - 데이터 간 이동하기
      • 데이터 명령 - 데이터 삭제
      • Excel 명령 - 테이블을 Excel로 내보내기
      • Excel 명령 - 페이지를 Excel로 내보내기
      • Excel명령 - 파일 다운로드 링크 만들기
      • Excel명령 - Excel 을 리스트뷰로 가져오기
      • 논리 명령 - 조건
        • 조건 형식 - 조건식
        • 조건 형식 - 확인 대화 상자
        • 조건형식 - JavaScript 조건
      • 논리 명령 - 루프 명령
        • 지정된 횟수만큼 반복
        • 리스트뷰로 루프
        • 셀에 따라 루프
      • 논리명령 - 중단명령
      • 논리명령 -중지명령
      • 셀 명령 - 셀 속성과 내용 변경하기
      • 인쇄 명령 - 웹 페이지 인쇄 명령
      • 인쇄 명령 - 페이지 PDF로 내보내기
      • 알림 명령 - 이메일 알림 설정 생성하기
      • 알림 명령 - 메일 보내기 명령
      • 프로그래밍 명령 - JavaScript 명령
      • 리스트뷰의 열 속성 변경하기
      • 저장 프로시저 호출하기
      • 행 및 열 레이아웃 설정 명령
      • 미 저장 변경사항 알림
      • 파라미터 설정
      • 셀유형 작동 명령
      • 리스트뷰 쿼리 대화 상자 명령
      • 런타임 중 언어 전환
    • 서버단 명령
      • 서버단 명령이란?
      • 서버단 명령 만들기
      • 서버단 명령의 매개변수
        • 기본유형
        • 배열 형식
      • 서버단 명령의 반환값
      • 서버단 명령의 권한
      • 서버단 명령의 사용범위
      • 서버단 명령을 관리
      • 서버단 명령을 디버그
      • 서버단 명령을 호출
        • 고급 설정 표시
      • 서버단 명령에서 지원하는 명령
        • 페이지 Excel 내보내기
          • 고급설정
        • 페이지 PDF로 내보내기
        • 데이터 테이블 작업
          • 데이터 테이블 추가하기
          • 데이터 테이블 편집하기
          • 데이블 테이블 데이터 삭제하기
          • 추가/업데이트 작업
        • 프로그램 명령 호출
        • Excel 가져오기/내보내기 명
          • 서버에서 Excel 파일 가져오기
          • 서버단에서 Excel 파일 내보내기
        • CSV 가져오기, 내보내기
          • CSV 가져오기
          • CSV 내보내기
        • 메일 전송 명령 생성하기
        • 조건명령
        • 반환 명령 생성하기
        • 트랜젝션 생성하기
        • 루프 명령
        • 파라미터 설정
        • 저장 프로시저 호출하기
        • 페이지를 HTML로 내보내기
        • 예외처리 명령
        • SQL 실행 명령
        • 중단명령
        • 서버알림
          • 서버단 알림 생성 및 적용
          • 클라이언트 명령
          • 서버단 명령
    • 재사용 명령
    • 예약 작업
      • 예약된 작업 만들기
      • 예약된 작업에서 지원하는 명령
    • 워크플로우
      • 워크플로우 설정
      • 일반 프로세스
      • 승인 프로세스
    • 로컬 실행 및 디버깅
      • 앱 실행
      • 앱 디버깅
        • 페이지 새로고침 시 수정 결과 표시
        • 모바일 디버깅
        • 숨겨진 정보 표시
        • 모든 참조 찾기
        • 애플리케이션 작동 모드
    • 자바 스크립트 프로그래밍
      • CSS 사용하기
      • JavaScript 사용
        • 응용 프로그램 수준 JavaScirpt 파일 등록
        • 지정된 페이지의 JavaScript 파일 등록
        • 사용자 정의 JavaScript 지정
      • 작업 페이지
      • 작업 셀
      • 작업 리스트뷰
      • JavaScript 및 CSS 코드 디버그
      • JavaScript API 인덱스
        • Forguncy 인터페이스
          • CellLocationinfo 인터페이스
          • CellRange 인터페이스
          • CurrentRowInfoParam 인터페이스
          • FormulaCalcContext 인터페이스
          • GetTableDataByConditionParams 인터페이스
          • IMergedColumnInfo 인터페이스
          • ListviewPaginationInfo 인터페이스
          • ListViewValueChangedEventArg 인터페이스
          • ModifyData 인터페이스
          • OrganizationLevelValueInfo 인터페이스
          • PageingInfoChangedEventArg 인터페이스
          • RowData 인터페이스
          • TableDataQueryPolicy 인터페이스
          • UserExtendProperties 인터페이스
          • UserInfo 인터페이스
        • Forguncy 매서드
          • addTableData 메서드
          • addUserToRole 메서드
          • addUser 메서드
          • ConvertDateToOADate 메서드
          • ConvertOADateToDate 메서드
          • ConvertToCssColor 메서드
          • deleteTableData 메서드
          • deleteUserFromRole 메서드
          • deleteUser메서드
          • forceSyncTableData 메서드
          • getTableDataByCondition 메서드
          • getTableDataByOData 메서드
          • getTableData 메서드
          • logIn 메서드
          • logOut 메서드
          • modifyTablesData 메서드
          • SendMail 메서드
          • updateTableData 메서드
        • Forguncy 열거형
          • ListviewColumnType 열거형
          • QueryNullPolicy 열거형
        • Forguncy 클래스
          • CellEvents클래스
            • Click 이벤트
            • MouseEnter 이벤트
            • MouseLeave 이벤트
            • PivottableClick 이벤트
            • SelectionChanged 이벤트
            • ValueChanged 이벤트
          • Cell 클래스
            • bind 메서드
            • disable 메서드
            • enable 메서드
            • getActiveTabIndex 메서드
            • getContentPage 메서드
            • getTabCount 메서드
            • getTabPage 메서드
            • getValue 메서드
            • hasFocus 메서드
            • hide 메서드
            • show 메서드
            • setBackColor 메서드
            • setFocus 메서드
            • setForeColor 메서드
            • setValue 메서드
            • showTab 메서드
            • unbind 메서드
            • unbindAll 메서드
            • setReadOnly 메서드
          • CommandHelper 클래스
            • executeCellCommand 메서드
            • getAllVariableValues 메서드
            • getVariableValue 메서드
            • setVariableValue 메서드
          • ForguncyCommandHelper클래스
            • executeCellCommand 메서드
            • getAllVariableValues 메서드
            • getVariableValue 메서드
            • setVariableValue 메서드
          • ListViewEvents 클래스
            • PageingInfoChanged 이벤트
            • Reloaded 이벤트
            • SelectedRowsChanged 이벤트
            • SelectionChanged 이벤트
            • ValueChanged 이벤트
          • ForguncyHelper 클래스
            • getCellLocation 메서드
            • post 메서드
            • SpecialPath 속성
          • ListView 클래스
            • addNewRow 메서드
            • addSelectedRow 메서드
            • bind 메서드
            • clearAllSelectedRows 메서드
            • clearSelectedRowByQuery 메서드
            • clearSelectedRow 메서드
            • deleteRow 메서드
            • getDataTableName 메서드
            • getDesignerRangeInfo 메서드
            • getMergedColumnInfos 메서드
            • getName 메서드
            • getPaginationInfo 메서드
            • getQuery 메서드
            • getRowCount 메서드
            • getSelectedRowIndexs 메서드
            • getSelectedRowIndex 메서드
            • getSelectedRowsData 메서드
            • getText 메서드
            • getValue 메서드
            • goToFirstPage 메서드
            • goToLastPage 메서드
            • goToNextPage 메서드
            • goToPreviousPage 메서드
            • goToSpecifiedPage 메서드
            • usePaginationDisplay 메서드
            • hiddenLoadingIndicator 메서드
            • showLoadingIndicator 메서드
            • isSelectedRow 메서드
            • reload 메서드
            • selectAllRows 메서드
            • selectRow 메서드
            • setText 메서드
            • setValue 메서드
            • unbind 메서드
            • unbindAll 메서드
            • hideColumns 메서드
            • showColumns 메서드
            • clearAllColumnFilters 메서드
            • getRunTimePageName 메서드
          • PageEvents 클래스
            • Loaded 이벤트
            • PageDefaultDataLoaded 이벤트
            • PopupClosed 이벤트
          • Page 클래스
            • AutoDisconnectTimeout 메서드
            • bind 메서드
            • getCellArray 메서드
            • getCellByLocation 메서드
            • getCell 메서드
            • getContainerCells 메서드
            • getListViews 메서드
            • getListView 메서드
            • getMasterPageName 메서드
            • getPageName 메서드
            • getSubPageInfoByPageID 메서드
            • getUserInfo 메서드
            • getUserName 메서드
            • ready 메서드
            • recalc 메서드
            • reloadBindingData 메서드
            • resumeCalc 메서드
            • setCurrentRow 메서드
            • suspendCalc 메서드
            • unbindAll 메서드
            • unbind 메서드
          • PivotTableCellType 클래스
            • setCustomFunction 메서드
          • PivotTableEventParameter 클래스
          • PivotTableHeaderInfo 클래스
          • SpecialPath 클래스
            • getBaseUrl 메소드
            • getBuiltInImageFolderPath 메서드
            • getImageEditorUploadImageFolderPath 메소드
            • getPluginRootPath 메서드
            • getUploadFileFolderPathInDesigner 메서드
            • getUploadImageFolderPathInServer 메소드
            • getUserFileFolderPath 메서드
          • SubPage 클래스
            • getCellArray 메서드
            • getCell 메서드
            • getContainerCells 메서드
            • getListViews 메서드
            • getListView 메서드
            • getMasterPageName 메서드
            • getPageName 메서드
          • Page 변수
    • 다국어
  • 배포 및 권한
    • 권한 및 보안
      • 인증 모드
        • 윈도우 도메인 인증
        • Windows Active Directory
        • 보안 공급자를 구현하는 방법
      • Single Sign-On
      • 빌더 측에서 권한 설정
        • 데이터 권한
          • 행 권한
          • 열 권한
          • 데이터 추가/생성 권한 편집
        • 리소스권한
          • 셀 권한
          • 페이지 권한
          • 서버 명령 권한
          • 서버 알림 권한
          • 보고서 권한
    • 서버 측 설정 권한
      • 데이터 권한
      • 역할 권한
      • 리소스 권한
    • 웹 사이트에 배포
      • 웹사이트 배포
      • 릴리즈 구성 관리
      • 오프라인 배포
      • Https 배포
      • 웹사이트 아이콘 설정
      • 지속적인 배포
        • TeamCity 구성
        • Jenkins 구성
  • 포건시 서버 | Server
    • 사용자, 역할 및 조직 구조 설정
      • 서버 관리자 개발과 서버 관리자
      • 사용자 생성
      • 역할 만들기
      • 조직 구조 만들기
      • 사용자 관리 보기 생성
      • Excel 가져오기 및 내보내기
      • 암호 정책
    • 서버단 응용 프로그램 관리
      • 기본작업
      • 기본 응용 프로그램 설정
      • 도메인 이름 설정
      • 외부 데이터베이스 연결 문자열 구성
      • 예약된 작업
      • 앱 배포 내역
    • 서버 단 구성
      • 메일 서버 구성
      • Windows 도메인 사용자 동기화
      • Https 인증서
      • 저장소 경로 설정
      • 보안 설정
      • Single Sign-On 암호 변경
      • 서버 실행 계정 변경
      • 사용자 정보 데이터베이스 구성
      • 외부서비스 인증
      • 계정 2단계 인증 설정
      • 동시 사용자 제어
      • 로그 및 모니터링
        • 모니터링
        • 로그
        • 애플리케이션 접속 통계
      • 클라우드 스토리지
        • Google 드라이브
        • OneDrive 구성
    • 백업 및 복원
      • 서버 측 자동 백업 및 복원
      • 서버 단 수동 백업 및 복원
      • 빌더 백업 및 복원
    • 웹사이트 유지보수
      • 일시 중지 및 활성화
      • 데이터 병합 및 마이그레이션
      • 서비스 재시작
      • 서버단 문제 해결
      • 명령 백업
      • 데이터 및 권한 동기화
  • 공동작업
    • 공동작업
      • 공동작업에 대한 개념
      • 기능 소개
      • 프로젝트 생성 및 열기
      • 협업개발을 수행하는 방법
        • 체크아웃
        • 전체 모듈 보기
        • 체크인 및 실행 취소
        • 이력보기
        • 최신 버전을 가져오기
      • 권장사항 사용
  • 플러그인
    • 플러그인 설치하기
      • 플러그인 일괄 설치
    • 플러그인 사용하기
      • 데이터베이스 연결 플러그인
        • Hana 데이터 베이스
        • MySQL 데이터베이스
        • Oracle 데이터베이스
        • PostgreSQL 데이터베이스
        • Azure Synapse Analytics 데이터베이스
        • Snowflake 데이터베이스
        • Sql server 데이터베이스
        • Tibero 데이터베이스
      • 셀유형 플러그인
        • Echart
        • 이미지 편집기(CaroselCellType)
        • 엘리먼트 UI (Element UI)
          • 입력상자
          • 숫자표시상자
          • 항목선택기
          • 날짜 선택기
          • 시간 선택기
          • 달력
          • 아바타
          • 파일업로드
          • 태그
          • 별점
          • 슬라이더
          • 게시판 형태 페이지
          • 네비게이션 메뉴
          • 탭헤더
          • 브레드크럼
          • 진행률
          • 단계
          • 타임라인
          • 전송
          • 맨위로 돌아가기
          • 표
          • Tree
          • TreeSelect
        • 포커스설정 (Vant)
          • 입력
          • 숫자
          • 스탭퍼
          • 선택기
          • Cascader
          • 날짜/시간 선택기
          • 달력
          • 업로드
          • 태그
          • 비율
          • 슬라이더
          • 스와이퍼
          • Notice Bar
          • 페이지 매김
          • 텝 헤더
          • 그리드
          • 진행률
          • 원 진행률
          • 단계
          • 타임라인
        • 사용자 메뉴 설정 (Forguncy.CustomMenu)
          • 메뉴
          • 트리 메뉴
        • 페이지 탭 컨트롤 (TabManager)
        • HTML 편집기 (HtmlRichEditor)
        • 작은 리치 텍스트 편집기
        • ListView 선택 항목 표시기(SelectionPanel)
        • 간트차트 (Gantt)
        • FilePreviewer
        • 서명 (SignatureCellType)
        • 비디오, 음원 파일 플레이어 (VideoPlayCellType)
      • 명령유형 플러그인
        • JSON 데이터소스 가져오기(JSONDataSource)
        • JSON 직렬화/역직렬화 명령 (JSonUtilityCommand)
          • JSON 직렬화
          • JSON 역직렬화
        • 이미지뷰어 명령(ImageViewerCommand)
        • 로딩 표시 시작 (LoadingCommand)
        • 셀 위치 설정 명령 (SetCellLocationCommand)
        • 현재 행 설정 변경 (SetCurrentRowCommand)
        • 리스트뷰로 데이터 전달(PassListviewDataCommand)
        • CSV 가져오기와 내보내기(ImportExportCSV)
          • CSV 가져오기
          • CSV 내보내기
        • 워크플로우 명령 (WorkflowCommand)
        • 사용자 관리 명령 V2 (UserManagementCommand)
        • Post 데이터 명령(SendHTTPRequestCommand)
        • 포커스 설정 명령 (SetFocusCommand)
        • 서버 파일 관리 (Operate Filescommand)
        • 암호화 및 복호화 알고리즘(EncryptDecryptCommand)
        • MS 팀즈에 메세지 전송 (TeamsWebHookCommand)
        • 대기명령 (SleepCommand)
        • 추적 프로세스 상태
        • WebSocket클라이언트 명령
        • 스마트폰 QR코드 스캔 명령
        • Office 365 로그인(Office365LoginCommand)
          • Office365 통합인증
            • 새로운 생성자 사용
            • 기존 사용자 정보 연동
          • 사용자 생성 (Office 365 계정으로 로그인)
    • 플러그인 개발하기
      • 포건시 플러그인 예제- 자료형 소개
      • 포건시 플러그인 예제 - LayDate
Powered by GitBook
On this page
  • 플러그인 다운로드
  • 사용방법
  • ForguncyEchartsHelper 클래스 설명
  1. 플러그인
  2. 플러그인 사용하기
  3. 셀유형 플러그인

Echart

Previous셀유형 플러그인Next이미지 편집기(CaroselCellType)

Last updated 8 months ago

ECharts 플러그인은 포건시에 대한 직관적이고 대화형 차트 표시 기능을 제공하는 강력한 데이터 시각화 차트도구입니다. 이 플러그인을 통해 사용자는 라인 차트, 막대 차트, 파이 차트 등 다양한 유형의 차트를 쉽게 생성하여 데이터를 표시하고 분석할 수 있습니다.

포건시는 내부적으로 차트를 지원하지만 사용자들이 사용하면서 이러한 차트 유형이 충분하지 않다고 느끼고 더 많은 차트 유형을 지원하기를 희망하는 경우가 많습니다. 이 문제를 해결하기 위해 ECharts 플러그인이 추가되었습니다.

하지만 Echart플러그인은 약간의 코드를 이해하고 작성해야 한다는 것입니다. 결국 ECharts 에는 많은 설정이 있고 다양한 차트의 구성이 다르기 때문에 인터페이스를 노출하는 것이 가장 좋은 방법입니다. 하지만 한 가지 안심할 수 있는 것은 포건시에 대해 보편적으로 만들 수 있는 모든 작업을 수행했다는 것입니다.

플러그인 다운로드

버전
다운로드

V10

사용방법

  1. 페이지 영역을 선택한 후 ECharts 셀을 선택합니다.

  1. 데이터바인딩을 합니다.

데이터바인딩은 데이터테이블의 데이터를 사용하는 경우, JSON Data를 사용하는 경우,

데이터테이블과 JSON Data를 함께 사용하는 경우가 있습니다.

1) 데이터 소스

셀 설정에서 데이터 소스를 직접 선택하고, 데이터 소스 설정에서 데이터 소스명을 생성한 후(영문 이름 권장), 데이터 소스를 설정하여 데이터 테이블을 선택하고, 필요한 필드(데이터)를 선택하면 됩니다.

데이터 소스를 선택한 후 [ECharts Config]을 클릭하여 ECharts 편집 페이지 로 들어갑니다 .

코드를 입력한후 [Run]버튼을 클릭하면 미리보기에서 차트가 나옵니다.

기본적으로 객체를 생성한 후 정의된 데이터 소스(예: DataSource )와 숫자 값(예: Date , SalesData ) 을 설정합니다.

기본 코드
수정된 코드

option = {

xAxis: {

type: 'category',

data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']

},

yAxis: {

type: 'value'

},

series: [

{

data: [150, 230, 224, 218, 135, 147, 260],

type: 'line'

}

]

};

const{

Date:xAxisData,

SalesData:yAxisData

} = ForguncyEchartsHelper.splitDataSource(Context.DataSource)

option = {

xAxis: {

type: 'category',

data: xAxisData

},

yAxis: {

type: 'value'

},

series: [

{

data: yAxisData,

type: 'line'

}

]

};

ForguncyEchartsHelper 클래스 설명

declare class ForguncyEchartsHelper {
    /**
     * Split object list to multiple list
     * example
     * //splitDataSource basic usage
     * const rawData = [
     *   { date: 'Mon', value: 1 },
     *   { date: 'Tue', value: 2 },
     *   { date: 'Wed', value: 3 },
     *   { date: 'Thu', value: 4 },
     *   { date: 'Fri', value: 5 },
     *   { date: 'Sat', value: 6 },
     *   { date: 'Sun', value: 7 }
     * ]
     * const { date, value } = ForguncyEchartsHelper.splitDataSource(rawData)
     * //date:['Mon','Tue'...]
     * //value:[1,2,3,....]
     * 
     * //splitDataSource with Unique and formatter
     * const rawData = [
     *   { date: 'Mon', value: 1 },
     *   { date: 'Tue', value: 1 },
     *   { date: 'Wed', value: 1 },
     *   { date: 'Thu', value: 1 },
     *   { date: 'Fri', value: 1 },
     *   { date: 'Sat', value: 1 },
     *   { date: 'Sun', value: 1 }
     * ]
     * const { date, value } = ForguncyEchartsHelper.splitDataSource(rawData, {
     *   unique: {
     *     value: true
     *   }, formatter: {
     *     date: (value, index) => 'Day' + (index + 1) + ":" + value
     *   }
     * });
     * //date:['Day1:Mon','Day2:Tue'...]
     * //value:[1]
     */
    public static splitDataSource<T extends { [args: string]: any }>(objList: T[], option?: SplitDataSourceOption): { [args: string]: any[] | undefined }
    /**
     * Group object list by key
     * 
     * //groupBy basic usage
     * const rawData = [
     *   { date: 'Mon', value: 1 },
     *   { date: 'Tue', value: 1 },
     *   { date: 'Tue', value: 2 },
     * ]
     * const res = ForguncyEchartsHelper.groupBy(rawData, { key: 'date' });
     * // {
     * //     "Mon": [
     * //         {
     * //             "date": "Mon",
     * //             "value": 1
     * //         }
     * //     ],
     * //     "Tue": [
     * //         {
     * //             "date": "Tue",
     * //             "value": 1
     * //         },
     * //         {
     * //             "date": "Tue",
     * //             "value": 2
     * //         }
     * //     ]
     * // }
     * 
     * //groupBy with formatter
     * const rawData = [
     *   { date: 'Mon', value: 1 },
     *   { date: 'Tue', value: 1 },
     *   { date: 'Tue', value: 2 },
     * ]
     * const res = ForguncyEchartsHelper.groupBy(rawData, { key: 'date',formatter:(item,index)=>item.value });
     * 
     * // {
     * //     "Mon": [
     * //         1
     * //     ],
     * //     "Tue": [
     * //         1,
     * //         2
     * //     ]
     * // }
     */
    public static groupBy<T extends { [args: string]: any }>(objList: T[], option: GroupByOption<T>): { [args: string]: any[] | undefined }
    /**
     * Convert object list to data set
     * 
     * //toDataSet basic usage
     * 
     * const rawData = [
     *   { date: 'Mon', value: 1 },
     *   { date: 'Tue', value: 1 },
     *   { date: 'Tue', value: 2 },
     * ]
     * const res = ForguncyEchartsHelper.toDataSet(rawData);
     * //res:
     * // [
     * //     [
     * //         "date",
     * //         "value"
     * //     ],
     * //     [
     * //         "Mon",
     * //         1
     * //     ],
     * //     [
     * //         "Tue",
     * //         1
     * //     ],
     * //     [
     * //         "Tue",
     * //         2
     * //     ]
     * // ]
     */
    public static toDataSet<T extends { [args: string]: any }>(objList: T[]): any[];
    /**
     * @param attachment forguncy attachement column value
     * @param index index of attachment file (if you have multiple files)
     */
    public static getAttachment(attachment?: string, index?: number): Promise<Response | undefined>;
    /**
     * @param src forguncy image column value (image src)
     */
    public static getUploadImage(src: string): string
}
/**
 * if set unique true, the same value will be ignored.
 * if set formatter, the value will be formatted.
 */
interface SplitDataSourceOption {
    unique?: { [args: string]: true }
    formatter?: { [args: string]: (value: any, index: number) => any }
}
/**
 * @param key key of object list.
 * formatter can be used to format the value. For example: {date:'Mon',value:1}=>1
 */
interface GroupByOption<T> {
    key: string,
    formatter?: (value: T, index: number) => any
}

declare namespace Forguncy {
    class Helper {
        public static SpecialPath: SpecialPath;
    }
    class SpecialPath {
        public getUploadImageFolderPathInServer: () => string
        public getFileDownloadUrl: (fileName: string) => string;
    }
    export {
        Helper
    }
}

2) JSON Data Source

데이터바인딩에서 JSON 데이터소스를 선택한 후, [JSON 데이터 소스]를 클릭합니다.

JSON 데이터 소스 창에서 JSON데이터를 아래와 같은 형식으로 입력합니다.

ECharts 구성을 클릭하여 아래와 같이 코드를 작성합니다.

코드 작성 후 실행버튼을 클릭하면 차트 미리보기를 확인할 수 있습니다.

Echarts 에는 많은 고급 구성도 있습니다.

자세한 내용은 을 참조하세요.

https://echarts.apache.org/zh/option.html#title
EchartsCustomCellType.zip