컴포넌트원 Blazor | Blazor UI 및 데이터 시각화 컨트롤

기존 코드와 데스크탑 개발 기술을 사용할 수 있습니다.

Blazor를 사용하여 서버 및 클라이언트 측 모두에서 C# 코드를 사용하여 풍부한 웹 응용 프로그램을 작성할 수 있습니다. ComponentOne Blazor 컨트롤은 다른 플랫폼에서와 동일한 API 및 기능 세트를 가지고 있어 웹으로의 마이그레이션이 쉽고 간단합니다.

최적의 성능

Blazor 전용 FlexGrid 및 기타 컨트롤은 처음부터 네이티브로 개발되어 대용량 데이터 작업 시 최적의 성능을 보장합니다.

데이터 편집을 위한 모든 것

표 형식 데이터 편집에 FlexGrid를 사용하거나 팝업 창에 AutoComplete 및 Combobox와 같은 입력 편집기를 표시합니다.

사용자 정의 대시보드

50개 이상의 차트 유형 모음으로 대규모 데이터 세트를 시각화하고, 집계 및 요약하여 사용자 정의 대시보드를 원활하게 구축할 수 있습니다.

효율적인 데이터 셋 로드 및 표시

혁신적인 DataCollection은 사용자가 실시간으로 스크롤할 때 데이터가 로드되는 on-demand 방식으로 대용량 데이터 세트를 로드하여 데이터 가상화를 가능하게 합니다.

Nuget Package를 사용한 쉬운 관리

nuget.org에서 다운 받거나 로컬에 설치된 ComponentOne NuGet 패키지를 사용하여 손쉽게 패키지를 관리할 수 있습니다.

Blazor 주요 컨트롤

Change View:

Blazor 컨트롤

FlexGrid

FlexGrid는 테이블 형식의 데이터 편집, 정렬, 필터링 및 그룹화와 같은 일반적인 데이터 그리드 기능을 지원하는 고성능 데이터 그리드입니다. 또한 ComponentOne for Blazor에는 데이터 그리드 셀 및 자동 완성, 콤보 박스, 체크 박스, 데이터 페이징 및 리스트 뷰와 같은 기타 도우미 컨트롤에 사용할 수 있는 여러 입력 편집기가 포함되어 있습니다.

자세히 알아보기 데모 실행

FlexChart

FlexChart는 막대 차트, 영역 차트, 라인 차트, 파이 차트, 분산형 차트와 같은 일반적인 2D 차트를 모두 지원하는 사용하기 쉬운 Blazor 차트 컴포넌트입니다. 레이블 서식 지정, 격자 선, 눈금 표시, 제목, 견본, 범례 그룹화, 계열 스택, 플롯 회전 등을 통해 여러분의 Blazor 차트를 가장 작은 세부 사항까지 구성해 보세요. 또한, 차트 유형을 결합하여 복합 차트를 만들 수도 있습니다.

자세히 알아보기 데모 실행

자동완성

Blazor AutoComplete 컨트롤을 사용하여 사용자에게 검색 및 선택 기능을 제공하십시오. 사용자가 편집 가능한 텍스트 상자에 입력하는 동안 드롭 다운 목록에서 자동 완성 제안을 볼 수 있습니다.

자세히 알아보기 데모 실행

캘린더

하나의 달력 뷰에 인접한 여러 달을 표시합니다. Blazor Calendar 컨트롤은 데이터 바인딩, 선택 이벤트, 사용자 정의 가능한 스타일 및 탐색 요소를 지원합니다. 월 및 연도 보기에 대한 기본 지원을 통해 날짜를 빠르게 선택하고 보기를 전환하여 원하는 날짜로 빠르게 이동할 수 있습니다.

자세히 알아보기 데모 실행

체크박스

Blazor 전용 클래식 체크 박스 컨트롤을 사용할 수 있습니다. Boolean 값을 위한 입력을 시각화하고 제공할 수 있으며 FlexGrid의 셀 내에서 선택을 위해 사용할 수 있습니다.

자세히 알아보기 데모 실행

콤보박스

콤보 박스를 사용하여 드롭 다운에 항목 목록을 표시할 수 있습니다. Blazor 전용 C1ComboBox 컨트롤은 항목 템플릿 사용자 정의, 텍스트 입력 기능, 사용자 유형 자동 제안 및 모바일 웹 앱용으로 설계된 전체 화면 모드를 지원합니다.

자세히 알아보기 데모 실행

DataPager

Blazor 전용 C1DataPager 컨트롤은 C1FlexGrid 및 C1ListView에 대한 페이징을 제공합니다. 버튼 템플릿 사용자 정의, 텍스트 사용자 정의 및 사용자 정의 스타일을 지원합니다.

자세히 알아보기 데모 실행

날짜, 시간 편집기

Blazor 용 DateTime 편집기를 사용하여 날짜 및 시간 정보를 표시, 편집 및 확인합니다. DateTime 편집기에는 C1DateTimePicker, C1DatePicker, C1DateRangePicker 및 C1TimeEditor의 네 가지 특수 컨트롤이 있습니다. 지원되는 다양한 날짜 및 시간 형식과 문화권에서 날짜와 시간을 선택합니다.

자세히 알아보기 데모 실행

리스트뷰

사용자에게 선택할 항목 목록을 제공하십시오. Blazor 용 C1ListView 컨트롤은 범위 선택, 사용자 정의 항목 템플릿, 온디맨드(on-demand) 로드, 정렬, 그룹화, 필터링 및 페이징을 지원합니다.

자세히 알아보기 데모 실행

마스킹된 텍스트 박스

C1MaskedTextBox 컴포넌트를 사용하여 마스크에 대한 사용자 입력의 유효성을 검사하고 서식을 지정합니다. 마스킹 된 입력 컨트롤을 사용하면 사용자가 잘못된 입력을 하지 못하도록 방지하고 데이터를 데이터 소스에 다시 저장할 때 리터럴을 건너 뛸 수 있습니다.

자세히 알아보기 데모 실행

숫자 박스

Blazor 용 NumericBox는 Blazor 서버 및 클라이언트 응용 프로그램에서 숫자 값을 표시하고 편집합니다. NumericBox 컨트롤에는 단일 숫자 값이 포함되어 있는데, 위/아래 버튼을 클릭하여 증가시키거나 감소시킬 수 있습니다. 유연한 포맷을 사용하면 데이터를 다양한 형식으로 표시할 수 있습니다.

자세히 알아보기 데모 실행

텍스트 상자

C#에서 프로그래밍 할 수 있는 표준 텍스트 상자 입력 컨트롤을 사용할 수 있습니다. 또한 C1TextBox는 C1ComboBox 및 C1AutoComplete와 유사한 자동 완성을 지원합니다.

자세히 알아보기

툴팁

Blazor Tooltip 컴포넌트를 사용하여 간단한 텍스트 또는 HTML 콘텐츠를 간단한 툴팁에 표시할 수 있습니다. 주변의 모든 위치에 툴팁을 표시할 수 있습니다.

자세히 알아보기 데모 실행

창

C1Window로 크기를 조정하고 드래그하고 닫을 수 있는 모달 및 모덜리스 창을 표시합니다. 창 내용 및 헤더를 사용자 정의하거나 대화 프롬프트로 사용자의 확인 여부를 빠르게 수집하는 데 사용할 수 있습니다. 사용자가 요소를 가리키거나 클릭 할 때 간단한 팝업을 표시할 수도 있습니다.

자세히 알아보기 데모 실행