ASP.NET中gridview里的imagefield绑定列怎么控制图片的大小

2025-02-28 19:08:01
推荐回答(4个)
回答1:

我有一段代码更人性化,
(通常完全固定大小,如120X90那么大于此尺寸的图像达到了这种要求,但是小于它的图像就拉大变形了,我的方法能解决这两个问题)

做法如下:
1 选中GridView编辑列,选中图像,将已经设好它的宽度及高度值去掉,比如下代码:
'/>

2 在cs代码文件里的page_load()加入:
((Image)(this.GridView1.Rows[0].FindControl("Image1"))

).Attributes.Add("onload", "if(this.offsetWidth>120)this.width=120;this.height=90");

解决了实用问题,给点分奖励一下哈,谢谢!

回答2:

     

  上面这句就完全控制了图片大小,关键属性为:

  ControlStyle-Height="300px"

  ControlStyle-Width="100px"

  步骤:点击GridView设计页面小三角-添加新列-选择字段类型ImageField-填写列名-填写数据库绑定的字段名-确定即可  

  当然我们还可以把列转换为模板列,然后拖入进去一个图片控件,这样更灵活,但是代码处理难度就增大了。

回答3:

通常用的方法是这样的:
在bound事件里加上代码:
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
System.Web.UI.WebControls.Image img = (System.Web.UI.WebControls.Image)e.Row.Cells[0].FindControl("Image2");
img.Width = 80;
img.Height = 60;
img.Attributes.Add("onmouseover", "return overImage();");

}
}
aspx页面添加:

同理,也可以写个onmouseover的对应事件,妈的忘了叫什么来的,你可以查得到的.

回答4:



中加一段代码变成



改成你想要的高度和宽度就OK了。