Detaillierte Erläuterung des Codebeispiels von ASP.NET unter Verwendung von Ajax zur Implementierung der Funktion der teilweisen Aktualisierung der Seite beim Paging

Es ist auch sehr einfach, Paging mit der Ajax-Methode zu implementieren, hauptsächlich zwei, ContentTemplate und Trigger. Werfen Sie zuerst die listView in das ContentTemplate. Fügen Sie dann asp:AsyncPostBackTrigger zum Trigger hinzu und verweisen Sie die ID auf das vorherige Paging-Steuerelement DataPager. Den spezifischen Implementierungscode finden Sie in diesem Artikel

Es ist sehr einfach, Paging in der Listenansicht zu implementieren. Das Paging von ListView ist sehr einfach. Fügen Sie einfach ein DataPager-Steuerelement hinzu und weisen Sie die ID der ListView zu. So habe ich es am Anfang geschrieben. (Einige Leute im Internet sagen, dass es sich um falsches Paging handelt?)

<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>

Nachdem Sie dies geschrieben haben, wird durch Klicken auf Paging die gesamte Seite aktualisiert. Das ist natürlich unfreundlich, also muss es teilweise sein Bei der Aktualisierung der -Seite dachte ich zuerst an das jquery-Plug-in, also habe ich das JPAGES-Plug-in aus dem Internet heruntergeladen. Nachdem ich lange damit herumgespielt hatte, bekam ich es immer noch nicht hin und wusste nicht, wo der Fehler lag. . . Also habe ich die Falle aufgegeben und mich für Ajax entschieden! .

Die Ajax-Methode ist sehr einfach. Es gibt drei Schritte, um den Elefanten im Kühlschrank zu installieren.

1. Führen Sie den Ajax-SteuerungsscriptManager ein und platzieren Sie ihn im Formular.

2. Führen Sie das Ajax-Steuerelement UpdatePanel ein.

3. UpdatePanel-Inhalt bearbeiten.

Es gibt hauptsächlich zwei, ContentTemplate und Trigger. Werfen Sie zuerst die listView in das ContentTemplate. Fügen Sie dann asp:AsyncPostBackTrigger zum Trigger hinzu und verweisen Sie die ID auf das vorherige Paging-Steuerelement DataPager, und fertig. Der Code lautet wie folgt:

<asp:UpdatePanel runat="server">
  <ContentTemplate>
  <%--数据源--%>
<asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="C:\storage\users.accdb" 
SelectCommand="SELECT [userName], [blogTitle], [blogTime], [blogUrl],[statis] FROM [blog] ORDER BY [blogTime] DESC"></asp:AccessDataSource>
<asp:ListView ID="newBlogItems" runat="server" DataSourceID="AccessDataSource1" ViewStateMode="Disabled">
    <ItemTemplate>
       <li class="newBlogItem">
此处略去1000字
       </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>
</ContentTemplate>

 <Triggers>
      <asp:AsyncPostBackTrigger ControlID="DataPager1"/>
 </Triggers>
 </asp:UpdatePanel>

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Codebeispiels von ASP.NET unter Verwendung von Ajax zur Implementierung der Funktion der teilweisen Aktualisierung der Seite beim Paging. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!