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>
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.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();
}
}
Labels: ListView Control