JQuery의 ajax_jquery를 기반으로 한 매우 강력한 GridView 디스플레이

이런 예를 보고 여러분과 공유하고 싶었습니다. 이것이 제가 항상 하고 싶었던 일이었습니다.
먼저 최종 모습 보여주기:

Northwind의 데이터를 사용합니다. 앞의 더하기 기호를 클릭하면 이 제품에 속하는 다른 세부 주문이 표시되며, 각 제품 뒤에는 주문 번호가 표시됩니다. ''를 클릭한 후의 모습:

먼저 구현을 분석해 보겠습니다.

첫 번째 사진의 표시는 각 레코드 앞의 ''를 클릭하면 jQuery의 ajax 기능을 사용하여 Web Method가 호출되고 현재 제품의 ID가 전달되며, 그런 다음 UserControl을 상속하는 클래스가 정의되고 ascx 파일을 추가한 다음 이 클래스에 보기 상태 필드를 정의할 수 있습니다.

각 ''을 클릭하면 jQuery를 사용하여 현재 제품 슬라이드쇼() 아래에 ascx 파일을 표시합니다. 그러면 ID는 어떻게 전달됩니까? 이는 뷰 상태를 사용합니다.

View State에 대한 소개가 많이 있습니다. 저도 많이 사용하진 않았습니다. 다음은 웹 컨트롤과의 관계에 대한 간략한 설명입니다.

귀하의 코드는 다음과 같습니다.

제품의 그리드뷰 입니다.

그럼 웹 방식:

컨트롤 클래스:

CustomerOrder.ascx 코드:

웹 메소드를 호출하는 전체 Ajax 코드: