How to do Paging in Data list Bind By File Directory?

See more:

ASP.NET

file

filepath

Hello Friends,
I m using File Directory , to bind Data List. I m Displaying My Code here:

<asp:DataList ID="dtlist"  RepeatDirection="Horizontal" runat="server" RepeatColumns="4" CellPadding="3">
 <ItemTemplate>
 <asp:Image ID="Image1" ImageUrl='<%# Bind("Name", "~/Images/{0}") %>' runat="server" Height="75px" Width="100px" />                                                                                                      
 <br />
 <asp:HyperLink ID="HyperLink1" Text='<%# Bind("Name") %>' NavigateUrl='<%# Bind("Name", "~/Images/{0}") %>' runat="server"/>
 <br /> 
<asp:LinkButton ID="LinkButton1" runat="server" CommandName="Select" 
 onclick="dtlist_SelectedIndexChanged1" style="text-align: center">Delete</asp:LinkButton>
 </ItemTemplate>
<ItemStyle BorderColor="Brown" BorderStyle="dashed" BorderWidth="3px" HorizontalAlign="Center" VerticalAlign="Bottom" />                           
</asp:DataList>

My C# Code Is:

protected void Page_Load(object sender, EventArgs e)
   {
       if (!IsPostBack)
       {
           BindListView();
       }
   }
   protected void BindListView()
   {
       DirectoryInfo dir = new DirectoryInfo(MapPath("~/Images"));
       FileInfo[] files = dir.GetFiles();
       ArrayList listItems = new ArrayList();
       foreach (FileInfo info in files)
       {
           listItems.Add(info);
       }
       dtlist.DataSource = listItems;
       dtlist.DataBind();

   }
protected void dtlist_SelectedIndexChanged1(object sender, EventArgs e)
   {
       Control c = sender as Control;
 System.Web.UI.WebControls.Image img ((System.Web.UI.WebControls.Image)c.Parent.FindControl("Image1"));
       File.Delete(Server.MapPath(img.ImageUrl.ToString()));
       BindListView();

   }

The Problem is, as i add images , or upload images, , the page design is increasing.
I want to use paging in my datalist, to arrange in formatted Way,
please help me.