xml保存图片和读取图片（二）

最新推荐文章于 2011-07-15 15:17:00 发布

转载最新推荐文章于 2011-07-15 15:17:00 发布 · 329 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tenghoo/archive/2006/09/18/507038.html

文章标签：

#ui #c# #javascript #ViewUI

本文介绍了一个使用ASP.NET实现的图片列表展示页面，通过DataGrid控件从XML文件加载图片数据，并支持排序与分页等功能。

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

3.ImageList.aspx

<%@ Page language="c#" Codebehind="ImageList.aspx.cs" AutoEventWireup="false" Inherits="WebForm_Question2.ImageList" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

<HEAD>

<title>ImageList</title>

</HEAD>

<TABLE id="Table1" style="Z-INDEX: 102; LEFT: 152px; WIDTH: 694px; POSITION: absolute; TOP: 16px; HEIGHT: 240px"

cellSpacing="1" cellPadding="1" width="694" border="1">

<TR>

<asp:Label id="Label1" runat="server" Width="128px" ForeColor="#000040" Font-Bold="True" Font-Size="Larger">图片列表页面</asp:Label></TD>

</TR>

<TR>

<asp:DataGrid id="DG_ImageList" runat="server" AutoGenerateColumns="False" Width="672px" BorderColor="#CCCCCC"

BorderStyle="None" BorderWidth="1px" BackColor="White" CellPadding="3" Height="144px" AllowSorting="True"

AllowPaging="True" PageSize="5">

<asp:BoundColumn DataField="imageID" HeaderText="图片ID"></asp:BoundColumn>

<asp:BoundColumn DataField="imagepath" HeaderText="图片路径"></asp:BoundColumn>

<asp:BoundColumn DataField="imageinfo" HeaderText="图片说明"></asp:BoundColumn>

<asp:BoundColumn DataField="imagesize" SortExpression="imagesize" HeaderText="图片大小"></asp:BoundColumn>

<asp:TemplateColumn>

查看</a>

</ItemTemplate>

</asp:TemplateColumn>

</Columns>

</asp:DataGrid></TD>

</TR>

<TR>

<asp:HyperLink id="HyperLink2" runat="server" NavigateUrl="index.aspx">主页面</asp:HyperLink>                                                                 

<asp:HyperLink id="HyperLink1" runat="server" NavigateUrl="ImageList.xml">查看XMl文件</asp:HyperLink>

</FONT>

</TD>

</TR>

</TABLE>

</form>

</body>

</HTML>

4.ImageList.aspx.cs

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Web;

using System.Web.SessionState;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

namespace WebForm_Question2

{

/**//// <summary>

/// ImageList 的摘要说明。

/// </summary>

public class ImageList : System.Web.UI.Page

{

protected System.Web.UI.WebControls.Label Label1;

protected System.Web.UI.WebControls.HyperLink HyperLink2;

protected System.Web.UI.WebControls.HyperLink HyperLink1;

protected System.Web.UI.WebControls.DataGrid DG_ImageList;

private void Page_Load(object sender, System.EventArgs e)

{

// 在此处放置用户代码以初始化页面

if(!IsPostBack)

{

ViewState["SortField"] = "imagesize"; //默认排序字段

BindDG();

}

Web 窗体设计器生成的代码#region Web 窗体设计器生成的代码

override protected void OnInit(EventArgs e)

{

// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。

InitializeComponent();

base.OnInit(e);

}

/**//// <summary>

/// 设计器支持所需的方法 - 不要使用代码编辑器修改

/// 此方法的内容。

/// </summary>

private void InitializeComponent()

{

this.DG_ImageList.PageIndexChanged += new System.Web.UI.WebControls.DataGridPageChangedEventHandler(this.DG_ImageList_PageIndexChanged);

this.DG_ImageList.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.DG_ImageList_ItemDataBound);

this.DG_ImageList.SortCommand += new System.Web.UI.WebControls.DataGridSortCommandEventHandler(this.DataGrid_Sort);

this.Load += new System.EventHandler(this.Page_Load);

}

#endregion

将ImageList.xml文件绑定DataGrid中#region 将ImageList.xml文件绑定DataGrid中

private void BindDG()

{

DataSet ds = new DataSet();

ds.ReadXml(Server.MapPath("ImageList.xml"));

DataView dv = (DataView)ds.Tables[0].DefaultView;

//设置排序的表达式

dv.Sort = SortField;

if (!SortAscending)

{

//定义默认的排序表达式

dv.Sort += " DESC";

}

this.DG_ImageList.DataSource = ds.Tables[0];

this.DG_ImageList.DataBind();

}

#endregion

排序事件处理程序#region 排序事件处理程序

public void DataGrid_Sort(Object sender,DataGridSortCommandEventArgs e)

{

//对DataGrid排序

this.DG_ImageList.CurrentPageIndex = 0;

SortField = e.SortExpression;

BindDG(); //重新绑定数据

}

string SortField

{

get

{

object obj = ViewState["SortField"];

if (obj == null)

{

return String.Empty;

}

return (string)obj;

}

set

{

if (value == SortField)

{

SortAscending = !SortAscending;

}

ViewState["SortField"] = value;

}

//排序方式

bool SortAscending

{

get

{

object obj = ViewState["SortAscending"];

if (obj == null)

{

return true;

}

return (bool)obj;

}

set

{

ViewState["SortAscending"] = value;

}

#endregion

DataGrid分页事件#region DataGrid分页事件

private void DG_ImageList_PageIndexChanged(object source, System.Web.UI.WebControls.DataGridPageChangedEventArgs e)

{

this.DG_ImageList.CurrentPageIndex = e.NewPageIndex;

BindDG();

}

#endregion

鼠标经过事件#region 鼠标经过事件

private void DG_ImageList_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)

{

if ((e.Item.ItemType == ListItemType.Item) | (e.Item.ItemType == ListItemType.AlternatingItem) )

{

e.Item.Attributes.Add("onmouseover", "this.style.backgroundColor='#E4EDF9'");

e.Item.Attributes.Add("onmouseout", "this.style.backgroundColor='#ffffff'");

}

#endregion

}

转载于:https://www.cnblogs.com/tenghoo/archive/2006/09/18/507038.html