技巧:图片使网站丰富起来,但有的时候不是所有图片都能正常显示的。这个时候会出现一个或多个红叉叉,这个技巧是告诉你如何处理的。
HTML code
<img src="hello.gif" alt="hello" οnerrοr="this.src='error.gif'" />
.................................................................................................................................................................
在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')");
}
}
//
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;
}、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、C# code <%=str%>
后台代码
变量
变量=@<img src='XXX' οnclick='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;
可以实现动态图片显示 ,在改改可以实现
C# code
@"<img src='/Images/NowPostion1.gif' />" + @"<br>"
数据显示时
XXXX XXXX XXX XXX
XXXX
XXXX
XXXX XXXX XXX XXX
XXXX XXXX XXX XXX
XXXX XXXX XXX XXX
XXXX
XXXX
一列显示多条不同的数据,在改改就可以实现动态图片按扭并且每个按扭可以传不同的值出去
C# code
sBM += i["name"].ToString() + @"<img onclick = 'DoPass(" + "/"" + i["ID"].ToString() + "/")' src='Images/btnInfo.gif' Style='cursor:hand')/>";
这样+JS代码就是动态图片按扭
JScript code
function DoPass(ID)
{
var s=new Date();
var Irandom = Math.random();
window.showModalDialog("DataPass.aspx?id="+ID+"&iii=" + Irandom,"","dialogWidth:600px;dialogHeight:320px;status:no;help:no;scrolling=no;scrollbars=no");
location.href = location.href;
}