페이징에서 페이지를 부분적으로 새로 고치는 기능을 구현하기 위해 ajax를 사용하는 ASP.NET의 코드 예제에 대한 자세한 설명

Ajax 방식을 사용하여 페이징을 구현하는 방법도 매우 간단합니다. 주로 ContentTemplate과 Trigger 두 가지입니다. 먼저 ListView를 ContentTemplate에 넣습니다. 그런 다음 Trigger에 asp:AsyncPostBackTrigger를 추가하고 ID를 이전 페이징 컨트롤 DataPager 컨트롤에 지정합니다. 구체적인 구현 코드는

기사를 참고하세요. 리스트뷰에서 ​​페이징을 구현하는 것은 매우 쉽습니다. ListView 페이징은 매우 간단합니다. DataPager 컨트롤을 추가하고 ListView의 ID를 할당하기만 하면 됩니다. 제가 처음에 그렇게 썼거든요. (인터넷에서 이게 잘못된 페이징이라고 하는 분들도 계시더라구요?)

그런데 이렇게 쓰고 나면 페이징을 클릭하면 페이지 전체가 새로고침되는 효과가 있어서 페이지가 여기저기 뛰어다닙니다. 물론 불친절해서 부분적으로 페이지를 업데이트할 때 먼저 jquery 플러그인이 생각나서 인터넷에서 JPAGES 플러그인을 다운받았습니다. 오랫동안 가지고 놀았지만 여전히 이해하지 못했고 오류가 어디에 있는지도 몰랐습니다. . . 그래서 트랩을 포기하고 ajax를 사용하기로 결정했습니다! .

Ajax 방식을 사용하는 방법은 매우 간단합니다. 코끼리를 냉장고에 설치하는 방법은 3단계입니다.

1. Ajax 제어 scriptManager를 도입하고 폼에 배치합니다.

2. Ajax 컨트롤 UpdatePanel을 소개합니다.

3. UpdatePanel 콘텐츠를 편집합니다.

주로 ContentTemplate과 Trigger 두 가지입니다. 먼저 ListView를 ContentTemplate에 넣습니다. 그런 다음 asp:AsyncPostBackTrigger를 Trigger에 추가하고 ID를 이전 페이징 컨트롤 DataPager 컨트롤에 지정하면 그게 전부입니다. 코드는 다음과 같습니다:

<asp:ListView ID="newBlogItems" runat="server" DataSourceID="AccessDataSource1" ViewStateMode="Disabled">
       <ItemTemplate>
            <li class="newBlogItem">
             .....
             </li>
        </ItemTemplate>
 </asp:ListView>
<asp:DataPager ID="DataPager1" runat="server" PageSize="15" PagedControlID="newBlogItems" ViewStateMode="Disabled">
   <Fields>
        <asp:NextPreviousPagerField ButtonType="Link" ShowFirstPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
        <asp:NumericPagerField />
         <asp:NextPreviousPagerField ButtonType="Link" ShowLastPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
    </Fields>
</asp:DataPager>

위 내용은 페이징에서 페이지를 부분적으로 새로 고치는 기능을 구현하기 위해 ajax를 사용하는 ASP.NET의 코드 예제에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!