Ignite UI
Ignite UI for JavaScript Grid 컨트롤은 응답성이 뛰어나고 터치를 사용할 수 있으며 사용 가능한 가장 빠른 그리드입니다. JSON, XML, HTML 테이블, .NET 컬렉션 및 .NET 데이터 테이블을 비롯한 다양한 데이터 소스에 그리드를 바인딩할 수 있습니다. 그리드는 AngularJS, Angular, React 및 KnockoutJS와 같은 인기 있는 오픈 소스 라이브러리와 함께 작동합니다.
샘플 보기그리드 필터링
대부분의 그리드와 마찬가지로 JavaScript용 Ignite UI 그리드는 사용자에게 열 단위로 데이터를 정렬하고 필터링할 수 있는 기능을 제공합니다. 직관적인 인터페이스는 사용자가 이러한 기능을 빠르게 이해하고 사용할 수 있도록 도와줍니다. 정렬 및 필터링 모두 로컬 및 원격 서버측 버전을 제공합니다.
JavaScript용 Ignite UI 전체 그리드 텍스트 검색도 제공합니다. 이는 데이터가 있는 열에 관계없이 사용자가 전체 그리드에 걸쳐 검색을 수행해야 하는 상황에 유용합니다. 다른 경우에는 사용자가 열 전체의 여러 다른 값을 기반으로 데이터를 필터링할 수 있습니다. 이는 일반적인 열 기반 정렬 패러다임에서는 어렵고 지루할 수 있습니다. Ignite UI 그리드는 텍스트별 필터링 기능을 통해 이 문제를 해결합니다. 이 새로운 기능을 사용하면 Ignite UI 데이터 소스 API를 사용하여 전체 그리드를 프로그래밍 방식으로 필터링할 수 있습니다. 이를 통해 텍스트 상자, 팝업 대화 상자 또는 다른 서비스의 피드를 포함하여 원하는 필터 입력 사용자 인터페이스를 만들 수 있습니다. 텍스트별 필터링 기능을 사용하면 사용자의 검색어를 얻는 최선의 방법을 결정하고 나머지는 Ignite UI 처리합니다.
샘플 보기그룹화 요약
그룹화는 항상 JavaScript용 Ignite UI 그리드의 매우 인기 있고 강력한 기능이었습니다. 이 기능을 더욱 강력하게 만들기 위해 Ignite UI 이제 향상된 그룹별 요약을 제공합니다. 이 향상된 기능을 통해 이제 사용자에게 개수, 합계, 최소값 및 최대값과 같은 다양한 내장 집계 함수를 제공할 수 있습니다. 기본 제공 함수 외에도 필요한 요약 데이터를 표시하는 사용자 정의 집계 함수를 쉽게 만들 수 있습니다. 이러한 요약은 열별로 정의할 수 있으며 각 그룹 위 또는 아래에 나타날 수 있습니다.
샘플 보기페이징
JavaScript용 Ignite UI 그리드를 사용하면 즉시 페이징이 간단하고 쉽습니다. 켜기만 하면 됩니다. 사용자 정의된 페이징을 원하는 경우 Ignite UI for JavaScript는 다양한 옵션을 제공합니다. CSS를 사용하여 모양과 느낌을 변경하여 그리드와 페이징 구성 요소를 애플리케이션의 완벽한 일부처럼 보이게 만들 수도 있습니다.
샘플 보기템플릿 기반 열
그리드의 경우 유연성이 핵심입니다. JavaScript의 템플릿 열용 Ignite UI 사용하면 원하는 대로 그리드를 사용자 정의할 수 있습니다. 사용자 정의 데이터 형식, 버튼 또는 스파크라인 그래프를 그리드에 추가해야 하는 경우 JavaScript의 템플릿 열용 Ignite UI 사용하면 가능합니다.
더 알아보기