Главная Новости Галерея Вопросы Библиотека Контакты

jqgrid 게시판 예제

실제로 각 패턴에 대한 자세한 설명으로 시작했지만 기사가 너무 커서 개요를 살펴보고 별도의 기사에서 일부 패턴을 탐색하기로 결정했습니다. 헤더없는 예를 주셔서 감사합니다! 고정 테이블 헤더를 사용하는 웹 사이트의 한 가지 예는 Google 애드워즈입니다. 다음은 예제 스크린샷입니다: http://img132.imageshack.us/img132/6322/adwords.png 테이블 헤더가 필요하지 않은 경우 테이블의 데이터가 자명한 경우입니다. 전자 메일을 표시하는 테이블은 전자 메일 제목, 보낸 사람 및 보낸 날짜가 테이블 헤더가 필요하지 않은 자명하고 독특한 데이터입니다. 그러나 테이블 헤더를 제거할 수 없는 경우가 있습니다. 두 날짜와 같은 모호한 데이터가 있는 경우 이러한 열에 대한 헤더 설명이 필요합니다. 게시판(영국 영어로 된 핀보드, 핀 보드, 게시판 또는 게시판)은 원하는 항목을 광고하거나 판매하거나 이벤트를 알리거나 정보를 제공하기 위해 공개 메시지를 게시하기 위한 표면입니다. 게시판은 종종 메시지의 추가 및 제거뿐만 아니라 칠판이나 화이트 보드와 같은 쓰기 표면을 용이하게하기 위해 코르크와 같은 재료로 만들어집니다. 핀보드(코르크보드)와 필기면을 결합한 게시판을 조합 게시판이라고 합니다. 게시판은 디지털 도메인에 전적으로 배치되어 컴퓨터 네트워크에 배치할 수 있으므로 게시판 시스템에서와 같이 다른 사람이 읽고 볼 수 있도록 메시지를 남기고 지울 수 있습니다. 나는 이미이 패턴에 대해 썼고 쉽게 구현 할 수있는 작은 jQuery 플러그인을 만들었습니다. 이 패턴의 핵심은 테이블에 추가 정보 나 기능을 추가할 수 있도록 하는 것입니다.

예를 들어 BuySellAds는 이 패턴을 사용하여 각 게시자에 대한 광고 세부 정보를 표시하는 동시에 마스터 행에서 항상 가장 중요한 정보를 볼 수 있습니다. 이봐 요한, 예를 들어 주셔서 감사합니다! 애드워즈를 사용하지 😉 관련 행을 그룹화해야 하는 경우 테이블 섹션(또는 테이블 그룹화)을 사용하는 것이 좋습니다. 섹션은 관련 데이터를 그룹화하는 테이블의 일부입니다. 모든 그룹은 동일한 열 집합을 공유합니다. 예를 들어 국가 목록을 표시하는 테이블에서 지역은 행을 그룹화하는 자연스러운 방법입니다. 각 섹션의 스타일은 다르게 조정되어야 하며 축소/확장이 가능합니다. 각 섹션에서 필요한 경우 요약된 데이터를 표시할 수 있습니다. 이것은 테이블 헤더를 항상 볼 수 있도록 하는 데 사용할 수 있는 간단한 트릭입니다. 상당히 크고 복잡한 데이터 집합에서 이 열을 사용하여 사용자가 많은 열을 구분할 수 있도록 할 수 있습니다. 나는 어떤 라이브 예제가 없기 때문에 당신이 하나를 알고 있다면 공유하십시오! Fixed헤더테이블 플러그인은 좋은 예가 될 수 있습니다. 이러한 문제가 없는 이 패턴(또는 실제로 다른 패턴)의 변형이 있습니다.

스크롤하는 동안 새 데이터 집합을 공개하는 대신 목록 끝에 배치된 더 많은 단추를 클릭하여 다음 데이터 집합을 얻을 수 있습니다. 이것의 좋은 예는 트위터에서 볼 수 있습니다. 작업을 표시하는 가장 간단한 방법은 행의 시작 또는 끝에 행 데이터와 일치하도록 배치하는 것입니다. 아래 예에서 Mixx는 각 행의 끝에 투표 동작을 보여 주므로 투표가 매우 쉬워집니다. 라이벌맵 대시보드는 헤더리스 테이블의 좋은 예입니다. 테이블의 정보는 분명하며 테이블 헤더가 필요하지 않은 방식으로 서식이 지정됩니다. 페이지 설정과 는 대조적으로 연속 스크롤은 목록을 아래로 스크롤하는 동안 새 데이터 집합을 보여 줍니다. 페이징의 경우와 같이 특정 데이터 집합으로 이동하는 옵션은 없습니다. 대신 새 데이터 집합이 목록에 추가됩니다. 로드 시간 동안 진행률 표시등이 표시되어야 합니다. 아래 예에서는 dzone.com 대한 진행률 표시기에서 로드되는 항목 수를 보여 주고 있습니다.

@Adeel: «CSS를 레이아웃에 사용해야 하기 때문에 대신

태그를 사용하여 정말 큰 오픈 소스 게시판을 보았던 기억이 납니다.