1.图片使网站丰富起来,但有的时候不是所有图片都能正常显示的。这个时候会出现一个或多个红叉叉,这个技巧是告诉你如何处理的。
- HTML code
-
<img src="hello.gif" alt="hello" onerror="this.src='error.gif'" />
2.在DataGrid和GridView中对表头设定背景图片
在某些情况下,DataGrid或者GridView的默认样式并不能满足日益高涨的用户的要求,很多人追求美观的样式。对表头设定背景也是其中的一个方面,那么有什么好的方法可以达到这一要求呢,我的方法如下:
DataGrid:
private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if(e.Item.ItemType == System.Web.UI.WebControls.ListItemType.Header)
{
e.Item.Attributes.Add("style", "background-image:url('background.gif')");
}
}
GridView:
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.Header)
{
e.Row.Attributes.Add("style", "background-image:url('background.gif')");
}
}
在DataGrid和GridView中对表头设定背景图片,不需要后台代码。
- HTML code
-
<asp:GridView runat="server" ID="gvStatList" AllowPaging="false" Width="100%" CssClass="grid" AutoGenerateColumns="false" Visible="true" ShowFooter="false"> <HeaderStyle CssClass="grid-head" /> </asp:GridView>
- CSS code
-
.grid-head { font-size: 14px; font-weight: normal; color: #FFFFFF; background-image: url(../images/grid-bg.gif); text-align:center; vertical-align:middle; height: 28px; }
3.互斥对象.很多情况下存在互斥对象,我通常这么处理
bool showObject { set{ TextBox1.Visible=value; TextBox2.Visible=!value; } }
如:
- C# code
-
Page.Item("TextBox1",TextBox1)
这样可以解决c#里没有类似js的Eval函数的遗憾
5.实现动态图片显示
<%=str%>
后台代码
变量
变量=@<img src='XXX' onclick='fucn(/)'>
foreach (DataRow dr_Child in dsResult1.Tables[0].Rows)
{
if (!Convert.ToBoolean(dr_Child["FLAG"]))
{
msiChild.sFontColor = "FontRed";
msiChild.BM = @"<img src='/Images/NowPostion1.gif' />" + msiChild.BM;
}
else if (Convert.ToBoolean(dr_Child["FLAG"]))
{
msiChild.BM = @"<img src='/Images/submit.gif' />" + msiChild.BM;
}
str += msiChild.BM;
}
return str;