在DataGrid和GridView中对表头设定背景图片

技巧：图片使网站丰富起来，但有的时候不是所有图片都能正常显示的。这个时候会出现一个或多个红叉叉，这个技巧是告诉你如何处理的。

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;
    }