QCell Technical Toolkit ver1.1

개발자를 위한 기술 툴킷

궁금한 세부 기능과 동작을 확인하고 설명으로 이해하고 해당 샘플을 바로 이용하여 개발할 수 있도록
개발자 입장에서 만들어 제공합니다.

저희는 이를 Programmerized Technical Toolkit for QCELL 이라 부릅니다

구분과 난이도	툴킷을 활용할 주제어와 연관 파일 링크
기본 \| 필수(보통)	⚑ 웹그리드 이해하기 (001), ⚑ 그리드 제품 비교하기 (001), ⚑ 큐셀 라이브러리 로딩하기 (002), ⚑ 큐셀 라이선스 등록하기 (003), ⚑ 초간단(기본) 그리드 만들기 (004), ⚑ 체크박스 컬럼을 설정하고 체크값 얻기 (005), ⚑ 사용할 수 있는 다양한 컬럼 타입 알아보기 (005 006 007 010 014 019 023), ⚑ datatype 타입 컬럼 edit 상태 만들기(008), ⚑ 숫자(타입) 컬럼 넣기 (023), ⚑ 라디오 버튼(체크박스) 컬럼 넣기 (005), ⚑ 셀렉트 박스(리스트) 컬럼 넣기 (007 012 029), ⚑ 컬럼이동(속성) 적용하기 (007), ⚑ 큐셀의 다양한 속성 이용하기 (005 006 007 009 010 011 012 014 015 016 018 019), ⚑ 컬럼너비 동적 변경(속성) 적용하기 (007), ⚑ 포커스 이동(api)시키기 (009 033), ⚑ 특정 위치(셀)로 스크롤링 시키기 (009 033), ⚑ 기본 헤더 사용하기 (010), ⚑ 헤더명 동적으로 변경하기 (029), ⚑ 컬럼별 검색(옵션) 적용하기 (011), ⚑ 날짜, 시간의 컬럼타입 사용하기 (014), ⚑ 로우(행) 추가/삭제하기 (015 019), ⚑ 포커스된 셀(로우, 컬럼) 정보 얻기 (015), ⚑ 툴팁(셀에 마우스 포인터 올릴시) 사용하기 (015 029), ⚑ 데이터가 없을때 그리드 메시지(그리드 내 표시) 사용하기 (016 037), ⚑ 데이터(셀) 머지(병합)사용하기 (016 018 036 041), ⚑ 엑셀 저장(그리드 내용을 엑셀로) 사용하기 (016 026), ⚑ 그리드에 데이터 넣(셋)고 비우기(리셋) (016), ⚑ 바코드 (021) ⚑ (컬럼)데이터 포맷팅하기 (019 025 070), ⚑ 그리드의 정보(로우 수, 데이터 로우 수, 컬럼 수)얻기 (019), ⚑ 틀고정(좌측 컬럼, 상단 로우, 하단 로우) 하기 (019), ⚑ 인덱싱(특정 인덱스의 값 또는 레이블 얻기)하기 (019), ⚑ 스타일 우선(적용) 순위 이해하기 (024), ⚑ 디자인 테마 작용하기 (042), ⚑ 헤더 2줄(이상) 넣기 (054), ⚑ txt 및 html 파일로 저장 (071), ⚑ 컬럼 위치 및 데이터 위치 변경 (072), ⚑ Enter 키를 누르면 아래 행으로 이동 후 에디트 상태 (074), ⚑ 문자열 포함 검색(LIKE 기능)(081), ⚑ 포커스 지정한 컬럼의 행 삭제 (082),
활용(중급 \| 고급)	⚑ (컬럼)입력 마스크 적용하기 (025), ⚑ 이미지 컬럼 넣기 (019), ⚑ 슬라이더 컬럼 넣기 (023), ⚑ 입력필수(컬럼) 속성 적용과 체크(확인)하기 (031), ⚑ 컬럼 데이터의 줄바꿈 적용하기 (031), ⚑ 다중 체크박스 컬럼 설정하고 체크값 확인하기 (006), ⚑ 큐셀의 다양한 속성 활용하기 (023 025 029 030 031 039 040 048), ⚑ (다중)컬럼 정렬 적용하기 (007 009 010 029), ⚑ 커스텀(html 렌더링) 헤더 적용하기 (010), ⚑ 커스텀(숨은 키 활용) 정렬 사용하기 (010), ⚑ 리피트(격줄, 홀짝수 로우별) 스타일 적용하기 (009 010), ⚑ 숨은(히든시킨, 바인딩 안한) 컬럼 활용하기 (010), ⚑ 동적 셀렉트 박스(리스트) 활용하기 (012 013), ⚑ 그리드 CRUD(로우, 셀의 데이터 변경, 추가, 삭제 기능과 서버에 전달) 적용하기 (015), ⚑ 로우별 상태정보 얻기 (015), ⚑ 로우별 상태정보 변경하기 (015), ⚑ 상태 변경된 데이터 정보 얻기 (015), ⚑ 상태정보 초기화하기 (015), ⚑ 다양한 이벤트(바인딩하여) 활용하기 (015 022 029 031), ⚑ 로우 헤더에 데이터 상태(CRUD) 정보(컬럼) 넣기 (015), ⚑ 커스텀 로우 헤더(컬럼) 넣기 (015), ⚑ 옵션(컬럼 추가, 삭제, 이동)을 활용한 엑셀 저장하기 (026), ⚑ (로우, 셀, 컬럼)동적 스타일 적용하기 (019), ⚑ 컬럼별 스타일 클래스 추가하기 (019), ⚑ jQuery 연동하기 (020 021 041), ⚑ 커스텀 버튼(셀 내) 넣기 (022), ⚑ 1클릭 에디팅(편집 모드 진행)하기 (030), ⚑ 동적으로 그룹핑(정렬, 푸터 포함)하기 (038 039 040 048), ⚑ 컬럼별 그룹핑을 통한 부분 또는 전체 footer/header 표시 (050) ⚑ 커스텀 그리드 스타일 적용하기 (044), ⚑ 커스텀 셀렉트 메뉴(리스트) 적용하기 (058), ⚑ 커스텀 툴팁 적용하기 (059), ⚑ 컨텍스트 메뉴, 팝업 메뉴 적용하기 (045), ⚑ 셀, 로우 비활성화 하기 (047), ⚑ setGroup(그룹핑) 적용하기 (051), ⚑ 차트 연동하기 (052), ⚑ setGrandTotal(전체 그룹핑) 적용하기 (053), ⚑ 입력 타입의 컬럼의 셀 입력 모드시 스타일 설정(placeholder)(055), ⚑ 그리드 재생성 시 기존 데이터 사용하기(062), ⚑ 엑셀 저장 시 컬럼의 포맷을 적용하기(064), ⚑ 페이지네이션 이벤트(065), ⚑ paste 이벤트 바인드와 콜백함수(067), ⚑ 컬럼 삭제 기능(UI)(068), ⚑ 컬럼 필터링(설정, API 방식,히든 컬럼 사용)(069), ⚑ 컬럼 타입 datepicker와 html를 활용한 달력(073), ⚑ topmove를 활용하여 타이틀이 묶인 헤더의 컬럼 이동시키기(075), ⚑ input 타입 컬럼에 넘어온 문자열 데이터에 대해 설정한 값이 그리드 화면에 표시되게 하는 포맷 옵션(076), ⚑ filter 필터링(079), ⚑ filterEx 필터링(080),
응용(고급)	⚑ 셀의 값 변경 시 validator로 입력값 검증하기 (031), ⚑ 그리드 내 수정(CUD) 정보 서버에 보내기 (015), ⚑ 엑셀 파일을 그리드에 로딩하기(읽어들이기) (016), ⚑ 업로드할 엑셀 파일 미리보기(미리보기 후 데이터 로딩하기) (017), ⚑ 다양하게 html 렌더링 응용하기 (019 020 021 022), ⚑ 다중 그리드(그리드간 데이터 연동, 이동) 활용하기 (027 028), ⚑ 탭 UI기반 멀티 그리드 활용하기 (032), ⚑ 숨은(히든, 바인딩 안된) 데이터 활용하기 (034), ⚑ 로컬기반 페이지네이션 하기 (057), ⚑ 서버기반 페이지네이션 하기 (035, 061), ⚑ 그리드 생성 시 서버와 통신하여 데이터 반영하기 (060), ⚑ 조건과 상황에 따른 컬럼 구성하여 그리드 만들기 (063), ⚑ 반응형 또는 모바일 그리드로 만들기 (043), ⚑ 유니스톰(웹 리포팅)과 연동하기 (046), ⚑ 트리 그리드 만들기(생성, 노드 추가, 삭제, 상태값 얻기) (066), ⚑ 히든 값 처리(077),

툴킷 파일 목록