用文件信息建表绑定到DataList和GridView中_本地文件列表绑定gridview-优快云博客

本文介绍了一个使用 ASP.NET 的示例程序，该程序通过 Button 控件触发事件来加载目录下的 .jpg 和 .gif 图片文件，并将图片名称及创建时间显示在 GridView 和 DataList 中。此示例展示了如何利用 DataTable 对象来组织数据，以及如何在 Web 页面上进行数据绑定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    protected void Button1_Click(object sender, EventArgs e)
    {
        DataTable datatable = CreateDataTable();
        GridView1.DataSource = datatable.DefaultView;
        GridView1.DataBind();
        DataList1.DataSource = datatable.DefaultView;
        DataList1.DataBind();
    }
    public DataTable CreateDataTable()
    {
        DataTable dt = new DataTable();
        DataRow dr;
        dt.Columns.Add(new DataColumn("Name",typeof(string)));
        dt.Columns.Add(new DataColumn("CreationTime", typeof(string)));
        DirectoryInfo path = new DirectoryInfo(Server.MapPath("~/Face").ToString());
        foreach (FileInfo file in path .GetFiles ())
        {
            if (file.Extension.Equals(".jpg") || file.Extension.Equals(".gif"))
            {
                dr=dt.NewRow ();
                dr["Name"] = file.Name.ToString();
                dr["CreationTime"] = file.CreationTime.ToString();
                dt.Rows.Add(dr);
            }
        }
        return dt;
    }

<form id="form1" runat="server">
    <div>
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button"
            Width="145px" />
        <asp:GridView ID="GridView1" runat="server">
        </asp:GridView>
        <br />
        <table width ="100%"> <tr > <td></td>
          <td>
          <asp:DataList ID="DataList1" runat="server"  RepeatColumns="5" RepeatDirection="Horizontal" Width="100%">
              <ItemTemplate>
                  <asp:Panel ID="Panel1" runat="server" Height="44px" Width="88px">

                      <asp:Image ID="Image1" runat="server" Height="50px" Width="58px" ToolTip='<%#Eval("Name")%>' ImageUrl='<%#Eval("Name", "~/Face/{0}")%>' />
                      <br />
                      <asp:Label ID="Label1" runat="server" Text='<%# Eval("Name") %>'></asp:Label>
                      <asp:TextBox ID="TextBox1" runat="server" Text='<%# Eval("CreationTime") %>' Width="82px"></asp:TextBox></asp:Panel>
              </ItemTemplate>
        </asp:DataList>
          </td>
        </tr>
        </table>
    </div>
    </form>