강력한 JavaScript 입력 컴포넌트

List of Services

    Wijmo의 다양한 입력 컴포넌트는 모든 애플리케이션의 요구 사항을 충족합니다.

    • 마우스 또는 터치를 사용하여 빠르고 효율적으로 데이터 생성 및 입력
    • 데이터 유형별 특화 및 최적화
    • Angular, React, Vue 지원
    다운로드

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

    JavaScript 드롭다운 입력 컨트롤

    • 드롭다운(DropDown)

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

    • 콤보 박스(ComboBox)

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

    • 자동 완성

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

    • 리스트 박스(ListBox)

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

    • 다중 선택(MultiSelect)

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

    • 다중 선택 자동 완성(MultiSelectAutoComplete)

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

    JavaScript 날짜, 시간 입력 컨트롤

    • 캘린더

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

    • InputDate

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

    • InputTime

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

    • InputDateTime

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

    • InputDateRange

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

    JavaScript 숫자 입력 컨트롤

    InputNumber 컨트롤은 사용자가 숫자를 입력하고 편집할 수 있는 입력 컨트롤입니다. 숫자 형식 지정, 컨트롤의 값 증가/감소를 위한 단계 값 설정, 입력할 수 있는 값의 최소 및 최대 범위 설정이 가능합니다.

    데모

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

    데모

    JavaScript 메뉴 컨트롤

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

    데모

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

    데모

    JavaScript 컬러 선택기 컨트롤

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

    데모

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

    데모

    JavaScript 입력 컨트롤 활용 Tips

    더 많은 글 보기

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

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

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

    Wijmo 튜토리얼

    데모를 확인하실 수 있으며, 튜토리얼을 통해 실제 구현 방법도 학습하실 수 있습니다.


    Angular, React, Vue 프레임워크 별 코드를 제공합니다.

    온라인 튜토리얼 바로가기

    Wijmo 라이브러리 레퍼런싱

    Wijmo 컨트롤을 쉽게 커스터마이즈해 보세요!

    Wijmo CSS 테마 디자이너를 이용하여 디자인 테마를 쉽게 생성하고 만들어진 CSS를 여러분의 위즈모 컨트롤에 적용해 보세요!

    Wijmo CSS 테마 디자이너 사용

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

    Wijmo 컨트롤 속성 편집기 사용

    Our Customers

    여기스터디

    스마트 온라인 교육 학사 관리 솔루션

    #교육 #리포트 #대시보드

    SW개발업체 I사

    온라인 커머스 AI 빅데이터 분석 솔루션

    #유통 #Excel #대시보드

    그로스

    인프라 스트럭쳐 솔루션

    #SW개발 #제조 #대시보드

    도입 사례

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

    Web 개발자를 위한 컨트롤

    • SpreadJS

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

    • ActiveReportsJS

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

    • Forguncy

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

    • DsExcel

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