DevExtreme Vue UI Input Controls

DevExpressUI 입력 컨트롤JavaScript

유연하고 인터랙티브한 사용자 인터페이스를 위한 풍부한 Vue 입력 구성 요소.

  • 폼과 데이터 입력을 위한 포괄적인 Vue 입력 구성 요소.
  • 텍스트, 숫자, 날짜, 파일, 검색 입력을 지원합니다.
  • 유효성 검사, 상호 작용, 복잡한 입력 시나리오를 위해 설계되었습니다.
DevExpress logo

가격:

로딩 중...
다음에서 사용 가능
DevExtreme Complete로딩 중
DevExpress DXperience로딩 중
DevExpress Universal로딩 중
DevExpress VCL Subscription +로딩 중
선택에 도움이 필요하신가요? 구매 방법과 사양을 확인하세요.
DevExtreme Vue UI Input Controls 제품 이미지
DevExtreme Vue UI Input Controls는 Vue 애플리케이션에서 사용자 입력을 수집, 검증 및 편집하기 위한 광범위한 구성 요소를 제공합니다. 기본 텍스트 필드부터 복잡한 규칙 기반 필터까지, 일반적이고 고급 입력 시나리오를 포괄하며, 일관된 동작, 접근성, 그리고 폼 중심 사용자 인터페이스 내 통합을 지원합니다.

텍스트 입력 구성 요소

텍스트 데이터를 입력하고 편집하기 위한 단일 행 및 여러 행 텍스트 입력 구성 요소를 제공합니다. 자리 표시자, 유효성 검사 상태, 서식 지정, 이벤트 처리를 지원합니다.

비밀번호 입력 필드

마스킹된 문자와 선택적 표시 전환 기능으로 안전한 비밀번호 입력을 지원합니다. 인증 폼과 민감한 자격 증명 입력을 지원하기 위해 유효성 검사 로직과 통합됩니다.

날짜 및 시간 선택기

사용자가 대화형 선택기 또는 직접 입력을 통해 날짜와 시간을 선택할 수 있게 합니다. 일정 관리, 필터링, 데이터 입력 인터페이스를 구축하기 위한 서식 지정, 지역화, 제약 조건을 지원합니다.

슬라이더 컨트롤

숫자 값 또는 범위를 시각적으로 선택할 수 있는 슬라이더 구성 요소를 제공합니다. 직관적인 값 조정이 필요한 시나리오를 위해 구성 가능한 단계, 한도, 레이블을 지원합니다.

파일 업로드 입력

Vue 폼에 통합된 입력 컨트롤을 통해 파일 선택과 업로드를 지원합니다. 파일 선택 이벤트와 크기, 유형, 업로드 상태 관리에 대한 유효성 검사를 처리합니다.

검색 입력 필드

데이터 집합을 조회하거나 콘텐츠를 필터링하도록 설계된 검색 중심 입력 구성 요소를 제공합니다. 점진적 입력 처리와 데이터 기반 뷰와의 통합을 지원합니다.

숫자 입력 및 스테퍼

증감 컨트롤을 통해 숫자 값을 입력할 수 있게 합니다. 수량, 측정값, 구성 값에 대한 정밀도, 서식 지정, 유효성 검사를 지원합니다.

폼 대화 상자 및 고급 필터

구조화된 데이터 입력 대화 상자와 규칙 기반 필터링을 위한 구성 요소를 제공합니다. 구성 가능한 입력 로직을 사용하여 로그인 폼, 데이터 입력, 복잡한 조건 편집기를 구축할 수 있도록 지원합니다.

제품 호환성

아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Vue.js