Freelance Jobs

ListView Control in ASP.NET

Introduction about ListView Control :-

It comes with ASP.NET 3.5.

In ListView we can give our own container.

Two Template are compulsory :- Layout and Item template.

Flow of template :- Layout Template->Group Template-> Item Template.

We Can Apply 11 template on ListView Control.

1) EditItemTemplate

2) AlternatingItemTemplate

3) EmptyDataTemplate

4) EmptyItemTemplate

5) GroupSeparatorTemplate

6) GroupTemplate

7) InsertItemTemplate

8) ItemSeparatorTemplate

9) ItemTemplate

10) LayoutTemplate

11) SelectedItemTemplate

In the following example i shown the pic gallery with the help of ListView Control.

Place the code given below in the Default.aspx page [Source Part] of Design

<form id="form1" runat="server">

<div>

<asp:ListView ID="ListView1" runat="server" GroupItemCount="2">

<LayoutTemplate>

<asp:PlaceHolder ID="groupPlaceHolder" runat="server"></asp:PlaceHolder>

</LayoutTemplate>

<GroupTemplate>

<asp:PlaceHolder ID="itemPlaceHolder" runat="server"></asp:PlaceHolder>

</GroupTemplate>

<ItemTemplate>

<asp:Image ID="Image1" runat="server" ImageUrl='<%#Container.DataItem%>' Width="200" Height="200" />

</ItemTemplate>

<GroupSeparatorTemplate>

<br />

</GroupSeparatorTemplate>

</asp:ListView>

</div>

</form>

Place the code given below in the Default.aspx.cs file.

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

List images = new List();

images.Add("a.jpg");

images.Add("b.jpg");

images.Add("c.jpg");

images.Add("d.jpg");

images.Add("e.jpg");

images.Add("f.jpg");

ListView1.DataSource = images;

ListView1.DataBind();

}

}

0 Comments:

Post a Comment



ONLINE JOBS