atomicdev 님의 블로그

이 섹션에서는 RealGrid를 활용해 이슈 데이터 관리 및 기본 기능을 구현합니다. 데이터 바인딩, 필터링, 정렬, 페이지네이션 기능을 다루며, 이슈 속성에 따라 상태와 우선순위를 관리하는 방법을 포함합니다.1. RealGrid 데이터 바인딩: 이슈 생성 및 수정설명:데이터 바인딩: 데이터를 실시간으로 그리드에 연결하여 표시합니다.이슈 생성/수정: 사용자가 새로운 이슈를 추가하거나 기존 이슈를 편집할 수 있도록 구성합니다.예제 코드:import * as React from "react";import { useRef } from "react";import { RGDataField, RGDataColumn, RealGridReact } from "realgrid-react";const IssueTracke..

RealGrid에서 데이터 필터링은 사용자 인터페이스에 데이터를 효율적으로 보여주는 핵심 기능입니다. 하지만 초급 개발자들은 기본 옵션 외에 조건을 커스터마이징하거나 다양한 데이터 타입에 맞춘 필터링을 구현하는 데 어려움을 겪을 수 있습니다.주요 내용기본 필터링 설정RealGrid에서 컬럼별로 filteringOptions를 통해 간단히 필터를 활성화할 수 있습니다.예시: gridView.setColumnProperty("columnName", "filterable", true);커스텀 필터 구현특정 조건을 기반으로 한 필터링을 위해 customFiltering 함수를 사용해 필터 조건을 설정합니다.사용 예시 코드 제공 및 동작 방식 설명다중 조건 필터링여러 컬럼에 대해 동시에 필터링을 적용하는 방법과 ..