Not ready yet.
현재 최신 버전 : ComponentOne, Wijmo 2021 v3 | Spread.NET 15 | SpreadJS 14 | ActiveReports.NET 15 | ActiveReportsJS 2 | Forguncy 7 | GcExcel 5

  • grapecity logo

  • grapecity logo

Wijmo의 입력 컴포넌트는 마우스 또는 터치를 사용하여, 쉽고 효율적으로 데이터를 입력할 수 있도록 설계되었습니다. 각 데이터 유형에 대해 전문화되고 최적화된 Wijmo의 다양한 입력 컴포넌트는 모든 애플리케이션 요구에 응답합니다.

드롭다운 입력 컨트롤

드롭다운 (DropDown)
드롭다운 (DropDown)

DropDown 컴포넌트는 여러 컴포넌트에 기본으로 사용되는 추상 클래스입니다. 입력 요소, 드롭다운 버튼, 드롭다운 요소로 구성됩니다.

데모 실행
콤보 박스 (ComboBox)
콤보 박스 (ComboBox)

Wijmo의 JavaScript ComboBox 컴포넌트를 사용하면 목록에서 문자열과 개체를 모두 선택하고 편집할 수 있습니다. 여기에는 숫자 및 날짜 지원, 다중 열 드롭다운 및 사용자 정의 HTML 콘텐츠와 같은 기능이 포함됩니다.

데모 실행
자동완성
자동완성

사용자 입력을 기반으로 드롭다운의 항목을 자동으로 필터링하여 기능을 확장합니다. 대규모 데이터 세트를 로드할 때 검색 매개변수를 사용자 정의하고 기능을 필터링하고 비동기 로드를 통합합니다.

데모 실행
리스트 박스 (ListBox)
리스트 박스 (ListBox)

일반 텍스트 또는 HTML이 포함된, 항목 목록을 표시하고 사용자가 마우스 또는 키보드로 항목을 선택할 수 있도록합니다. ListBox는 itemsSource에 대한 문자열 배열 또는 개체 배열 뿐만 아니라, 다중 선택 및 항목 템플릿을 지원합니다.

데모 실행
다중 선택(MultiSelect)
다중 선택(MultiSelect)

ComboBox 컨트롤을 확장하고 드롭다운 목록의 각 항목에 체크박스를 추가합니다. 개체 내부의 속성을 기반으로 검사할 항목을 설정하고 사용자 정의 HTML을 설정하여 MultiSelect 컨트롤의 셀을 사용자 정의합니다.

데모 실행
다중 선택 자동 완성(MultiSelectAutoComplete)
다중 선택 자동 완성(MultiSelectAutoComplete)

사용자가 컨트롤의 데이터 세트에서 여러 항목을 선택할 수 있습니다. 컨트롤은 컨트롤의 현재 입력과 일치하는 드롭다운을 표시하고 현재 선택한 항목을 표시합니다.

데모 실행

날짜 및 시간 입력 컨트롤

캘린더
캘린더

사용자가 선택할 수 있는 날짜 범위를 설정하고, 사용자 선택을 확인하고, 달력 내의 각 날짜 셀을 사용자 정의합니다.

데모 실행
InputDate
InputDate

드롭다운 컨트롤에 날짜 값을 입력하거나 확장하고 Calendar 컨트롤에서 선택하여 날짜를 선택합니다.

데모 실행
InputTime
InputTime

Wijmo의 InputTime 컨트롤은 ComboBox 클래스를 확장하여 시간 값을 쉽게 입력하고 편집할 수 있도록 합니다.

데모 실행
InputDateTime
InputDateTime

InputDate 컨트롤을 확장하여 사용자가 날짜와 시간 범위에서 선택할 수 있도록 합니다. 사용자는 입력 요소에 날짜와 시간을 입력하거나 드롭다운을 확장하고 드롭다운 목록에서 값을 선택할 수 있습니다.

데모 실행
InputDateRange
InputDateRange

InputDateRange 컨트롤은 Wijmo의 InputDate 컨트롤을 확장하고 날짜 범위를 편집할 수 있도록 구성합니다. 사용자가 선택할 수 있는 사용자 정의 날짜 범위를 지정하거나 드롭다운에서 여러 달 달력을 사용하여 마우스나 키보드로 날짜 범위를 선택할 수 있습니다.

데모 실행

숫자 입력 컨트롤

InputNumber
InputNumber

사용자가 선택할 수 있는 날짜 범위를 설정하고, 사용자 선택을 확인하고, 달력 내의 각 날짜 셀을 사용자 정의합니다.

데모 실행
InputMask
InputMask

사용자가 입력한 대로 유효성을 검사하고 형식을 지정하여 사용자가 잘못된 날짜를 입력하지 못하도록 합니다. 사회 보장 번호를 나타내는 별표와 같은 프롬프트 문자를 설정하고 프롬프트 문자가 제거된 로우 데이터를 검색합니다.

데모 실행

메뉴 입력 컨트롤

메뉴
메뉴

Menu 컨트롤은 Wijmo의 ComboBox 클래스를 확장하여 편집할 수 없는 헤더, itemClicked 이벤트 및 명령과 같은 기능을 추가합니다. 이렇게 하면 메뉴에서 선택한 요소에 따라 실행되는 컨트롤에 메서드를 연결할 수 있습니다.

데모 실행
팝업
팝업

Wijmo의 JavaScript 팝업 컨트롤은 화면의 다른 요소에 연결될 수 있으며 사용자가 요소와 상호 작용할 때 표시됩니다. 팝업 디스플레이가 변경될 때 전환을 정의하거나 사용자가 팝업 컨트롤을 끌어서 크기를 조정할 수 있도록 합니다.

데모 실행

색상 선택 입력 컨트롤

InputColor
InputColor

Wijmo의 JavaScript InputColor 컴포넌트는 ColorPicker 컨트롤을 확장하여 드롭다운 컴포넌트에 배치합니다. 이를 통해 사용자는 드롭다운에 16진수 색상 값을 입력하여 색상을 선택할 수 있습니다.

데모 실행
ColorPicker
ColorPicker

Wijmo의 ColorPicker 컨트롤은 사용자가 색상을 선택할 수 있는 패널입니다. ColorPicker는 16진수 값을 표시하고, 알파 값을 표시하고, 사용자에게 표시되는 팔레트를 변경하도록 사용자 정의할 수 있습니다.

데모 실행

Wijmo 활용 Tips

FlexMap 기능 알아보기

Wijmo에서 숫자형 Pagination 구현하기

숫자형 페이징을 커스터마이징하는 방법에 대해서 설명합니다.

자세히 보기
MultiColumn ComboBox 생성하기

MultiColumn ComboBox 생성하기

Wijmo의 ComboBox 컨트롤, CSS 스타일, ComboBox의 헤더 경로 및 속성을 사용하여 다중 열 드롭다운을 생성하는 방법을 설명합니다.

자세히 보기

더 많은 글 보기

Wijmo를 활용하는 더 많은 방법을 알아보세요.

전체 Wijmo 컨트롤

  • 프레임워크 & 통합
  • Angular
  • Ionic
  • React
  • Vue
  • Web Components
  • TypeScript
  • ES6

Wijmo 튜토리얼

Wijmo는 500개 이상의 샘플 코드를 제공하며, 이를 통해, Wijmo의 컨트롤들을 Angular, React, Vue 상에서 구현하는 방법을 학습할 수 있습니다. 아래 링크를 통해, Wijmo의 다양한 컨트롤들을 지금 사용해 보세요.

전체 튜토리얼

최신 모던 JavaScript 프레임워크 기반에서 Wijmo를 구현하고자 하시는 개발자분들을 위한 다양한 데모/튜토리얼을 확인하실 수 있습니다. PureJS(SystemJS) | Angular | React | Vue

바로 가기
PureJS 튜토리얼New

전통적인 JavaScript 개발에 익숙하신 개발자 분들을 위해 새롭게 오픈한 Wijmo PureJS 데모/튜토리얼 사이트입니다.

바로 가기
PureJS 튜토리얼(US)

전통적인 JavaScript 개발에 익숙하신 개발자 분들을 위한 Wijmo PureJS 영문 데모/튜토리얼 사이트입니다.

바로 가기
NPM(Node) 레퍼런싱  |  로컬&CDN 레퍼런싱  |  PureJS(SystemJS) QuickStart
Angular QuickStart  |  React QuickStart  |  Vue QuickStart

아래 동영상을 통해 Wijmo에서 Chart와 Grid 기능을 사용하는 방법을 학습할 수 있습니다.

GrapeCity 개발자 포럼

Wijmo 블로그&Tips
Wijmo 블로그&Tips
Wijmo를 유용하게 활용할 수 있도록 다양한 정보를 제공합니다.
Wijmo Q&A
Wijmo Q&A
질문/답변 공간을 통해, 시티즌 여러분들의 고민과 개발지식을 함께 공유해주세요.
Wijmo FAQ
Wijmo FAQ
자주 묻는 질문에 대한 답변을 확인하실 수 있습니다.
시티즌 인사이트
시티즌 인사이트
업무 중 피로나 스트레스를 조금이라도 덜어드리고자 만든 공간입니다. 자유롭게 소통하세요.
시티즌 지식인
시티즌 지식인
GrapeCity 제품 관련 질문 외에도, 개발/기술과 관련하여 모든 분들이 자유롭게 질문하고 소통할 수 있는 공간입니다.
IT 세미나/모임
IT 세미나/모임
개발자분들이나 개발에 관심이 있으신 분들을 위해, 함께 발전할 수 있도록 만들어진 만남의 공간입니다.

Wijmo 디자이너를 통해 Wijmo 컨트롤 설정을 쉽게 변경해보세요.

Web-based Wijmo Designer

Web 기반 Wijmo 디자이너

Web 디자이너를 통해 Wijmo 컨트롤들의 설정을 쉽게 변경해보세요. 20가지 이상의 컨트롤들의 설정 값을 수정하고 확인해 볼 수 있습니다. 별도의 코딩 작업 없이도, 해당 설정을 다운로드 받아 여러분의 웹에 쉽고 빠르게 바로 적용이 가능합니다.

Web 디자이너 사용
VSCode Designer

VSCode 디자이너 확장 기능

Angular 개발자 분들을 위한 전용 VS Code 확장 기능을 제공합니다. 20가지 이상의 Wijmo 컨트롤에 대한 설정을 디자이너를 통해 변경할 수 있으며, 자동으로 HTML 소스 파일에 적용이 됩니다. 확장 기능을 이용하여 Mark-up 태그 자동완성 기능과 디자이너 UI를 통해 쉽게 개발이 가능합니다.

VSCode 디자이너 사용

Wijmo 2021 V3 새로운 기능

Wijmo 2021 v3가 출시되었습니다! PDF 및 FlexGrid PDF 모듈에 대한 접근성 지원, OLAP 개선 사항 등이 포함됩니다.

  • JavaScript, Angular, React 및 Vue에서 접근 가능한 PDF 만들기
  • FlexGrid에서 접근 가능한 PDF 내보내기
  • JavaScript의 파일에 Blob 저장
  • 향상된 PivotEngine 데이터 유형 구문 분석
  • 피벗 그리드 성능 향상
  • 모든 컨트롤에서 동적 탭 순서 지정
새로운 기능 더보기
새로운 기능

Our Customers

그로스 로고

인프라 스트럭처 솔루션

자세히 보기

도입 사례

더 많은 GrapeCity 제품 도입 사례를 살펴 보세요.

arrow-right
고객사2 고객사1
"Wijmo의 유연한 확장성 덕분에, Microsoft Dynamics 팀은 최신 제품에 쉽고 빠르게 Wijmo의 컨트롤들을 적용할 수 있었습니다."

- Microsoft Dynamics CRM 엔지니어링 총괄부장 Param Kahlon

"HTML5과 JQuery 기반으로 만들어진 Wijmo 제품은 다양한 시각화 컨트롤을 필요로 하는 웹 개발자에게 꼭 필요한 제품이라고 생각합니다. 특별한 코딩 없이도 서버에 있는 데이터를 바인딩하는 것으로 차트나 그리드와 같은 다양한 방법으로 표현할 수 있습니다. Script 단에서 시각화 컨트롤로써는 최고인 것 같습니다."

- 에이스게이트 이OO 팀장

"우리팀은 Wijmo의 멋진 UI, 탁월한 설계, 개발문서, 그리고 변하지 않는 지속적인 노력에 감명받아 Wijmo를 사용하고 있습니다."

- BJ Jeong, Cisco

Wijmo 무료 체험판

다운로드

Wijmo 가격 및 라이선스

* 모든 금액은 VAT 제외 금액입니다.

Developer License

개발자 라이선스

Wijmo 정식 자바스크립트 라이브러리를 사용하기 위해 필요한 라이선스입니다.

₩1,494,000

  • 개발자 1명 당 1copy를 구매하셔야 합니다.
Developer License

배포 라이선스

Wijmo의 컨트롤을 서버에 배포하기 위해 필요한 라이선스로, 도메인 주소별로 구매가 필요합니다.

₩600,000

  • 한번 등록된 도메인, IP는 수정이 불가합니다.

배포 키 | Distribution key 발급 신청

Wijmo 컨트롤을 서버에 배포하기 위해서는 배포 라이선스를 구매한 후 배포 키를 발급 받으셔야 합니다. 배포 키 발급 포털을 통해 배포 키를 신청해 주세요.

도입 문의

Wijmo 도입 시 더욱 자세한 제품 및 구매 상담이 필요하신 경우 편하신 방법으로 연락 바랍니다.

구매 절차

구매 절차의 각 단계에 대한 자세한 내용을 보시려면 각 버튼을 클릭해주세요.

    가격 확인

    계산기를 통해 견적을 미리 확인해 보세요. 제품 및 구매 관련 상담이 필요하신 경우, 상담 신청을 부탁 드립니다.

    견적서 요청

    아래의 방법 중 편하신 방법으로 견적서를 요청하실 수 있습니다.

    발주 요청

    하기 세가지 항목을 Email로 발송해주세요.

    1. 서명 완료된 견적서 (담당자 사인 또는 회사 직인)
    2. 사업자 등록증 사본 (회사일 경우)
    3. End-User 정보 양식 확인하기

      아래의 양식을 복사하여 정보를 입력하신 후, 이메일로 전달 부탁 드립니다.

      1. 회사명 (한글) :
      2. 회사명 (영문) :
      3. 우편번호 :
      4. 주소 (한글) :
      5. 주소 (영문) :
      6. 담당자 (한글/영문) :
      7. 전화번호 :
      8. E-mail :

    발주 요청을 주시면 이메일을 통해 인보이스를 발송해드립니다.

    결제

    은행 입금
    받으신 인보이스에 표기되어 있는 계좌 번호로 입금해주세요.
    카드 결제
    카드 결제는 유선상으로 진행됩니다. 결제에 필요한 결제 전용 전화번호와 납부번호는 메일로 따로 전달 드리며, 전달 받으신 결제 전용 전화번호로 직접 전화를 하시어, 카드 결제를 진행하실 수 있습니다.

    라이선스 발급 & 세금 계산서 발행

    결제 확인 후 라이선스 발급 안내 메일을 발송해 드립니다.

    * Wijmo 컨트롤을 서버에 배포하기 위해서는 배포 라이선스를 구매한 후 배포 키를 발급 받으셔야 합니다. 배포 키 발급 포털을 통해 배포 키를 신청해 주세요.

Web 개발자를 위한 컨트롤

SpreadJS

순수 JavaScript 기반 Web-Excel 컴포넌트
  • Excel 가져오기/내보내기 지원
  • 450+ Excel 함수 지원
  • Angular, React, VueJS 지원
더 알아보기

ActiveReportsJS

JavaScript 기반 비즈니스 리포팅 컴포넌트
  • Angular, React, Vue 지원
  • 크로스플랫폼을 지원하는 디자이너 프로그램 제공
  • JavaScript 리포트 뷰어 제공
더 알아보기

Forguncy

코딩 없이 Excel로 만드는 비즈니스 웹 개발 솔루션
  • Excel 기능으로 쉽고 빠르게 웹 구현
  • HTML & CSS 없이 시작하는 웹 개발
  • 데이터 취합 및 통합 솔루션
더 알아보기

GcExcel

고성능 Java&Kotlin / .NET Core 기반 Excel 스프레드시트 API 라이브러리
  • 스프레드시트 생성, 로드, 편집, 저장
  • 스프레드시트 구문 분석, 변환, 공유
  • 수식 계산 및 셀 서식 지정
GcExcel Java 알아보기
GcExcel .NET Core 알아보기
X

카카오톡 채널 추가를 통해 GrapeCity의 최신 정보를 빠르게 받아 보세요!

제품
Web 개발자 컴포넌트
.NET 개발자 컴포넌트
엔터프라이즈 솔루션
고객 서비스
개발자 문서
개발자 포럼
페이스북
그레이프시티 정보
그레이프시티 알아보기
그레이프시티 채용
정책(Policy)
최종 사용자 라이선스 동의
Footer 이미지