jquery ashx 새로 고치지 않는 GridView 데이터 표시 플러그인(페이징, 정렬, 필터링 기능 구현)_jquery

이유: jquery는 간단하고 호환성이 좋으며 패키징하기 쉽습니다. 더 이상 고민하지 말고 바로 Jquery 플러그인 작성을 시작해 보겠습니다. 비슷한 플러그인을 작성하신 분들이 많을 텐데, 저 또한 어떤 면에서는 flexGrid를 모방하기도 했습니다.

요구 사항: GridView는 ASP.NET을 기반으로 데이터를 표시하고, 새로 고침 페이징 없음, 새로 고침 정렬 없음, 새로 고침 필터링(검색 데이터) 없음(구현할 ashx 일반 처리 파일이 여기에 있습니다).

사용한 기술: asp.net2.0, jquery, css

먼저 쓴 내용은 jquery 플러그인입니다. 사용된 핵심 기능은 jquery의 ajax 기능입니다. 편리하고 빠릅니다.

코드 복사 코드는 다음과 같습니다.

$.ajax({
type : p.메서드,
url: p.url,
data:param,
success: function(msg){
$.AddData(msg,showbox,p)
},
오류: function(msg){$.ErrorAjax(showbox,p.errorMsg);},
beforeSend:function(){$.AddLoading(showbox);},
complete:function(){ $.MoveLoading(쇼박스);}
})

이렇게 간단한 문장을 읽고 나니 jquery가 더 즐거워지네요. 특정 코드를 보려면 아래 첨부 파일을 다운로드하십시오.

먼저 생성된 결과 사진을 올려서 살펴보세요. (스타일이 별로 좋지 않으니 필요하다면 자유롭게 수정해주세요.)

정렬 및 필터링 기능

jquery ashx의 새로 고치지 않는 페이징 기능

실제로 전체 플러그인의 주요 구조 역할을 하는 jquery 외에도 여기서 또 다른 중요한 파일은 일반 처리 파일 ashx입니다. ashx는 전체 jqueryGrid 플러그인에서 {n page:1,ntotal:0,pages:1,rows:'',cols:''}와 같은 json 코드를 출력합니다. josn을 사용해 본 친구들은 이해할 것입니다. 오류를 줄이기 위해 json 문자열 형식을 지정하는 JsonConvert.DeserializeObject() 함수인 타사 플러그인 Newtonsoft.Json을 사용했습니다.

물론 이 기능 플러그인은 웹 애플리케이션이나 내부 웹사이트에서 사용하기에는 적합하지만 결국 SEO 관점에서 볼 때 jquery에서 직접 생성한 데이터는 좋은 표시 방법이 아닙니다. . 말할 것도 없이 제 코드를 살펴보세요. 이 플러그인에 대한 더 나은 제안이나 수정 사항이 있으면 공유해 주세요.
jquery ashx 새로 고침 없음 GridView 데이터 표시 플러그인 다운로드