ListView ile DataPager Kullanarak Sayfalama Yapma
Merhaba Arkadaşlar.
ListView ve DataPager Asp.Net 3,5 ile gelen bir kontrolüdür.Bu iki kontrolü birarada kullanarak sayfalama yapmak mümkün.Kontrolün kullanılışı GridView kadar basit olmasada bir iki adımda kolaylıkla sayfalama yapabiliyoruz.Şimdi adım adım nasıl sayfalama yapacağımızı inceleyelim.
1.Öncelikle DataBase 'mizi oluşturalım(Ben Access Kullandım).15-20 Satırlık basit bir db yeterlidir.
2.Visual Studio ile boş bir Web Projesi oluşturup ( .Net Framework 3.5 Seçilmelidir) sayfamıza sol taraftan ToolBox ' dan ListView kontrolümüzü sürükleyip bırakıyoruz.
3.Sayfamıza bir adet AccessDataSource ekleyerek gerekli işlemleri yapıyoruz ve daha sonra bu AccessDataSource 'u ListView e bağlıyoruz.
4.Şimdi kod kısmına geliyoruz ve ilk olarak <LayoutTemplate> tagını oluşturuyoruz.
<asp:ListView ID="ListView1" runat="server" DataSourceID="AccessDataSource1">
<LayoutTemplate>
<asp:PlaceHolder ID="groupPlaceHolder" runat="server"></asp:PlaceHolder>
</LayoutTemplate>
</asp:ListView>
5.Şimdide <GroupTemplate> tagını oluşturuyoruz.
<asp:ListView ID="ListView1" runat="server" DataSourceID="AccessDataSource1">
<LayoutTemplate>
<asp:PlaceHolder ID="groupPlaceHolder" runat="server"></asp:PlaceHolder>
</LayoutTemplate>
<GroupTemplate>
<asp:PlaceHolder runat="server" ID="itemPlaceHolder"></asp:PlaceHolder>
</GroupTemplate>
</asp:ListView>
6.Ve son olarakda <ItemTemplate> tagını oluşturuyoruz.
<asp:ListView ID="ListView1" runat="server" DataSourceID="AccessDataSource1">
<LayoutTemplate>
<asp:PlaceHolder ID="groupPlaceHolder" runat="server"></asp:PlaceHolder>
</LayoutTemplate>
<GroupTemplate>
<asp:PlaceHolder runat="server" ID="itemPlaceHolder"></asp:PlaceHolder>
</GroupTemplate>
<ItemTemplate>
<%#Eval("adi") %><br />
</ItemTemplate>
</asp:ListView>
Sayfamızı çalıştırdığımızda Db'mizden gelen verilerimizin yukarıdan aşağıya doğru sıralandığını görüyoruz.Fakat 100-150 satır olduğunu düşünelim.Ozaman sayfamız epey bi aşağılara doğru kayacaktır.Hemen ListView kontrolünün altına DataPager kontrolümüzü ekleyelim ve PagedControlID="ListView1" olarak ayarlıyalım.PageSize 10 olarak ayarlıdır.Siz istediğiniz gibi belirleyebilirsiniz.
Arkadaşlar takıldığınız bir yer olursa burdan yardımcı olmaya çalışırım.Herkese kolay gelsin.
Başka bir makalede görüşmek dileğiyle....
Subscribe