[javascript] 최고의 동적 JavaScript / JQuery 그리드 [닫힌]

Program / 글쓴이

JavaScript, JQuery 및 HTML로 작업하고 있습니다. 내 프로젝트의 UI는 완전히 동적입니다. 다음 기능을 지원하는 동적 JavaScript / JQuery Grid를 찾고 있습니다.

누구든지 다음 기능을 지원하는 좋은 오픈 소스 그리드가 있다고 말할 수 있습니까?

  1. 런타임에 그리드의 인스턴스를 만들고 DOM에 추가 할 수 있어야합니다.
  2. 열 템플릿 (텍스트 상자, 선택, 체크 박스 또는 입력 또는 간단한 텍스트) 지원
  3. 실시간으로 새 열 템플릿 설정 또는 기존 열 템플릿 교체를 지원합니다.
  4. 열 아래에있는 입력 컨트롤 (예 : 텍스트 상자, 확인란 ..)이 거의 활성화 되지 않고 비활성화 될 수 있습니다 .
  5. 실시간으로 setData ()를 지원합니다.
  6. 사용자가 입력 데이터를 변경하면 이벤트를 지원합니다.
  7. 행 선택을 지원해야합니다.
  8. 전체 그리드를 렌더링하지 않고 실시간으로 행을 추가하거나 행을 삭제합니다.
  9. 페이징을 지원합니다.
  10. 실시간으로 모든 열을 기준으로 정렬을 지원합니다.
  11. 사용자가 실시간으로 데이터를 정렬하면 이벤트가 발생합니다.
  12. 그리드 UI는 실현 가능한 열을 지원해야합니다.
  13. 자동 크기 조정 가능 (상위 요소의 크기에 따라 그리드의 크기를 자동으로 조정할 수 있으면 좋습니다)
  14. 확실히 좋은 문서가 있습니다.

답변

유용한 정보는 다음과 같습니다.

비어 있는:

지불 :

내 생각에 가장 좋은 항목은 Flexigrid와 jQuery Grid입니다.

답변

http://datatables.net/ 시도해 볼 수 있습니다.

DataTables는 jQuery Javascript 라이브러리 용 플러그인입니다. 점진적 향상의 기반을 기반으로하는 매우 유연한 도구로, 모든 HTML 테이블에 고급 상호 작용 제어를 추가합니다. 주요 특징들:

  • 가변 길이 페이지 매김
  • 즉석 필터링
  • 데이터 유형 감지를 통한 다중 열 정렬
  • 열 너비의 스마트 처리
  • 거의 모든 데이터 소스의 데이터 표시
  • DOM, Javascript 배열, Ajax 파일 및 서버 측 처리 (PHP, C #, Perl, Ruby, AIR, Gears 등)
  • 테이블 뷰포트의 스크롤 옵션
  • 완전히 국제화 가능
  • jQuery UI ThemeRoller 지원
  • 견고 함-2600 개 이상의 단위 테스트로 뒷받침
  • 다양한 플러그인 inc. TableTools, FixedColumns, KeyTable 등
  • 무료입니다!
  • 상태 저장
  • 숨겨진 열
  • 테이블의 동적 생성
  • Ajax 데이터 자동로드
  • 커스텀 DOM 포지셔닝
  • 단일 열 필터링
  • 대체 페이지 매김 유형
  • 비파괴 DOM 상호 작용
  • 열 강조 표시 정렬
  • 고급 데이터 소스 옵션
  • 광범위한 플러그인 지원
  • 정렬, 유형 감지, API 함수, 페이지 매김 및 필터링
  • CSS로 완전히 테마 가능
  • 견고한 문서
  • 110 개 이상의 사전 빌드 된 예제
  • Adobe AIR에 대한 완벽한 지원

답변

동적 JQuery Grid에 대한 내 제안은 다음과 같습니다.

http://reconstrukt.com/ingrid/

https://github.com/mleibman/SlickGrid

http://www.datatables.net/index

가장 좋은 것은 :

DataTables 는 jQuery Javascript 라이브러리 용 플러그인입니다. 점진적 향상의 기반을 기반으로하는 매우 유연한 도구로, 모든 HTML 테이블에 고급 상호 작용 컨트롤을 추가합니다.

가변 길이 페이지 매김

즉석 필터링

데이터 유형 감지를 통한 다중 열 정렬

열 너비의 스마트 처리

거의 모든 데이터 소스의 데이터 표시

DOM, Javascript 배열, Ajax 파일 및 서버 측 처리 (PHP, C #, Perl, Ruby, AIR, Gears 등)

테이블 뷰포트의 스크롤 옵션

완전히 국제화 가능

jQuery UI ThemeRoller 지원

견고 함-2600 개 이상의 단위 테스트로 뒷받침

다양한 플러그인 inc. TableTools, FixedColumns, KeyTable 등

테이블의 동적 생성

Ajax 데이터 자동로드

커스텀 DOM 포지셔닝

단일 열 필터링

대체 페이지 매김 유형

비파괴 DOM 상호 작용

열 강조 표시 정렬

고급 데이터 소스 옵션

광범위한 플러그인 지원

정렬, 유형 감지, API 함수, 페이지 매김 및 필터링

CSS로 완전히 테마 가능

견고한 문서

110 개 이상의 사전 빌드 된 예제

Adobe AIR에 대한 완벽한 지원

답변

agiletoolkit.org를 살펴보십시오. 2,4,6,7,9,10 및 12를 즉시 지원하는 CRUD 사용이 간편합니다 (데이터를 추가, 삭제할 때 그리드를 방어하기 위해 Ajax를 사용하고 jquery.

나는 몇 가지 예를 게시 할 것이지만 지금은 iPad에 있습니다.

답변