ASP.NET DataPager, ModelBinding und JQuery Mobile

Ich habe vor rund einem Jahr schon mit Paging und Listen experimentiert - damals eher erfolglos, die Useability war mangelhaft. Zwischenzeitlich hat JQuery Mobile die Version 1.4 erreicht. Wieder habe ich mit VB.NET und Webform Controls einen neuen Versuch gestartet und ich bin begeistert. Einfacher geht's nicht.

Die Select-Methode im Codebehind der ASPX-Seite enthält irgendwas, was eine Liste vom Typ IQueryable zurück gibt, Kein Parameter in der getData Methode, kein LINQ. Einfach nur return asQueryable. Dazwischen pure Magie.

Der Datapager kann völlig frei im deklarativen HMTL-Teil platziert werden. Die Steuerung wird über das PagedControlID vorgenommen. Nach Analyse des gerenderten HTML-Code mit den F12 Browser Tools wurden aus Numerischen Hyperlinks durch Zugabe u-btn, eben Buttons. Diese werden gruppiert mit Controlgroup.

   1:  <asp:DataPager ID="DataPager1" PageSize="20" data-role="controlgroup" 
   2:  data-type="horizontal"
   3:          PagedControlID="ListView1" runat="server">
   4:    <Fields>
   5:       <asp:NumericPagerField ButtonType="Link" NumericButtonCssClass="ui-btn" 
   6:  CurrentPageLabelCssClass="ui-btn ui-btn-active" NextPreviousButtonCssClass="ui-btn" />
   7:     </Fields>
   8:  </asp:DataPager>
   9:  <ul data-role="listview" data-inset="true">
  10:      <asp:ListView ID="ListView1" runat="server" ItemType="JQMsample.ort"
  11:        SelectMethod="FormView1_GetData">
  12:       <ItemTemplate>
  13:           <li><span class="ui-li-count"><%#Item.plz%></span> <%#Item.name%></li>
  14:       </ItemTemplate>
  15:    </asp:ListView>
  16:  </ul>

Hab ich schon erwähnt, dass ich Webforms liebe? Fertig ist die Paged List.

image

Kommentare sind geschlossen