DevExtreme Angular Data Editors

DevExpress데이터 편집 컨트롤JavaScript

풍부하고 유효성이 검증된 데이터 입력 인터페이스를 구축하기 위한 Angular 구성 요소.

  • 행, 셀, 배치, 폼, 팝업을 포함한 여러 데이터 편집 모드를 지원합니다.
  • 사용자 지정 가능한 UI 편집기를 통해 데이터 추가, 업데이트, 삭제를 지원합니다.
  • 풍부한 편집 기능을 위해 DevExtreme DataGrid와 긴밀하게 통합됩니다.
DevExpress logo

가격:

로딩 중...
다음에서 사용 가능
DevExtreme Complete로딩 중
DevExpress DXperience로딩 중
DevExpress Universal로딩 중
DevExpress VCL Subscription +로딩 중
선택에 도움이 필요하신가요? 구매 방법과 사양을 확인하세요.
DevExtreme Angular Data Editors 제품 이미지
DevExtreme Angular Data Editors는 Angular 애플리케이션 내에서 데이터를 효과적으로 관리하고 편집하도록 설계된 포괄적인 UI 구성 요소 세트를 제공합니다. 여러 대화형 편집 모드를 제공하여 인라인 셀 편집부터 폼 기반 데이터 입력까지 다양한 사용자 시나리오를 지원합니다. 이 편집기는 높은 수준의 사용자 지정이 가능하여 개발자가 사용자 상호 작용과 유효성 검사 로직을 세밀하게 조정할 수 있으므로, 견고하고 사용하기 쉬운 데이터 조작 환경을 보장합니다.

텍스트 및 숫자 입력

구성 가능한 서식, 제약 조건, 자리 표시자를 갖춘 텍스트 및 숫자 값을 입력할 수 있는 구성 요소를 제공합니다. 이러한 편집기는 일반적인 데이터 형식과 입력 패턴을 지원하여 애플리케이션이 통제되고 예측 가능한 방식으로 사용자 데이터를 수집할 수 있도록 돕습니다.

날짜 및 시간 편집

날짜와 시간을 다루기 위한 편집기를 포함하며, 익숙한 상호 작용을 사용해 사용자가 값을 선택하거나 입력할 수 있습니다. 구성 옵션은 일정 관리 및 기록 관리 시나리오에 적합한 지역화, 표시 형식, 입력 제한을 지원합니다.

선택 컨트롤

미리 정의된 데이터 집합에서 값을 선택할 수 있도록 드롭다운 목록, 선택 상자, 라디오 그룹과 같은 구성 요소를 제공합니다. 이러한 편집기는 데이터 바인딩과 사용자 지정을 지원하여 단순한 목록과 더 복잡한 선택 로직 모두를 처리할 수 있습니다.

사용자 지정 가능한 편집기

편집기 유형 변경, 옵션 구성, 기본 이벤트 재정의를 포함하여 데이터 필드별 개별 편집기를 사용자 지정할 수 있습니다.

통합 데이터 유효성 검사

편집 세션 중 데이터 유효성 검사를 지원하여 잘못된 데이터 입력을 방지하고 사용자가 즉시 피드백을 받아 입력을 수정할 수 있도록 합니다.

유연한 폼 레이아웃

그룹화, 탭 형식 레이아웃, 항목 배치를 사용해 편집 폼을 사용자 지정할 수 있는 기능을 제공하여 복잡한 데이터 모델을 편집할 때 사용자 경험을 향상합니다.

프로그램 방식 제어를 위한 API

새 행 추가, 셀 값 업데이트, 행 삭제, 현재 셀 값 가져오기 등의 메서드를 제공하여 애플리케이션 로직에서 데이터 편집을 동적으로 관리할 수 있게 합니다.

광범위한 이벤트 처리

데이터 변경 전후에 이벤트를 발생시켜 개발자가 사용자 지정 비즈니스 로직을 구현하고 편집 중 사용자 동작을 모니터링할 수 있도록 합니다.

편집기 템플릿 및 사용자 지정 UI

사용자 지정 셀 편집기와 템플릿 구현을 지원하여 편집 인터페이스를 완전히 제어하고 편집 가능한 셀의 시각적 표현을 향상할 수 있습니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Angular