2011-01-24 4 views
1

몇 시간을 지내기 전에이 작업을 수행 한 사람이 jQuery/AJAX 페이지 매김 레코드 위젯을 발견했는지 알고 싶었습니다 :jQuery + AJAX + PHP5/PDO + MySQL 레코드 세트 페이지 매김 위젯을 찾으려고합니다.

  1. 프레임 워크에 영향을받지 않습니다. CodeIgniter, Kohana 또는 그와 비슷한 것에 의존하지 마십시오. 그냥 PHP5와 PDO를 MySQL과 MySQL 데이터베이스에 제공하면됩니다. (물론 jQuery 구성 요소를 적절한 변수에 연결하도록 구성해야합니다.)

  2. JOIN에서도 쿼리를 지원합니다.

  3. 클라이언트에 SQL 문을 저장하지 않습니다. 서버에 보관하십시오.

  4. 준비된 문과 다른 방법을 사용하여 XSS를 방지하려고 시도합니다.

  5. 해결할 수있는 열을 지원합니다.

  6. 행 위로 마우스를 가져 가면 해당 행이 강조 표시됩니다.

  7. 홀수/짝수 패턴의 각 행을 서로 바꿉니다.

  8. 행을 클릭하면 지정된 SQL 쿼리의 첫 번째 열 값 (이벤트가 표시 될 때 숨겨진 열임)이있는 이벤트가 트리거됩니다.

  9. 위젯의 오른쪽 하단에있는 일반적인 First, Prev, 1, 2, 3, 4, 5, Next, Last 버튼을 표시합니다. 지난 5 일을 지나면 4 5 6 7 8과 같은 숫자가 가운데에 표시됩니다. 여기서 6은 선택되며, 가능한 경우 페이지 매김이 끝날 때까지 계속됩니다.

  10. CSS로 쉽게 스타일이 지정됩니다.

  11. jQuery와 AJAX를 통해 위젯을 관리하는 단일 PHP 페이지로 돌아갑니다.

  12. 각 구성 요소를 클릭해도 페이지가 리디렉션되지 않습니다. 대신 하나의 페이지 매기기로 AJAX를 통해 구성 요소를 다시로드합니다. (하나는, 그러나, 기록 클릭 이벤트를 차단하고 무언가를 만들 수 있습니다.)

일반적인 시나리오는 당신이 페이지에 DIV를 만들 ajaxRecordset으로 지정하기 위해 jQuery를 사용하는 것() , 그리고 ajaxRecordset() 내부에서 {}을 사용하여 해당 레코드 세트에 대한 옵션을 지정합니다. 그러나 SQL 쿼리는 프론트 엔드에 저장되지 않습니다. 위젯은 AJAX를 통해 하나의 PHP 페이지로 돌아가서 쿼리 번호를받은 다음 v1, v2, v3 등과 같은 주어진 변수와 함께 해당 쿼리를 사용합니다.

답변

1

jquery를 사용하는 한 DataTables 지난 여름에 제가 목록으로 작성한 프로젝트의 대부분을 수행하는 유용한 플러그인입니다.