GridView怎样用AlternatingItemTemplate自定义模板让背景隔行换色?

Question

GridView怎样用AlternatingItemTemplate自定义模板背景隔行换色? 给点实例代码.谢谢

Answer 1

参考 
            <asp:Repeater ID="rptUsers" runat="server"> 
            <HeaderTemplate> 
              <table width="98%" align="center" cellpadding="0" cellspacing="0"> 
                  <tr height="23px"> 
                    <td style=" background-image:url(../images/role/title_L.gif); width:30px"> </td> 
                    <td style=" background-image:url(../images/role/title_M.gif);" valign="bottom" align="left"> 
                        <span style="color:#B96F26; font-weight:bolder;">用户列表 </span> 
                    </td> 
                    <td style=" background-image:url(../images/role/title_R.gif); width:14px"> </td> 
                  </tr> 
                </table> 
              <table width="98%" align="center" cellpadding="0" cellspacing="0" class="btr"> 
              <tr bgcolor="#ECF4FE"> 
              <td align="center" width="7%"> <strong>选  择 </strong> </td> 
              <td align="center" width="10%"> <strong>用户ID </strong> </td> 
              <td align="center" width="15%"> <strong>用户姓名 </strong> </td> 
              <td align="center" width="15%"> <strong>IMEI </strong> </td> 
              <td align="center" width="15%"> <strong>用户类型 </strong> </td> 
              <td align="center" width="15%"> <strong>登陆次数 </strong> </td> 
              <td align="center" width="8%"> <strong>状态 </strong> </td> 
              <td align="center" width="15%"> <strong>操  作 </strong> </td> 
              </tr> 
            </HeaderTemplate> 
            <ItemTemplate> 
            <tr bgcolor=""> 
            <td align="center"> <input id="ckbxSelect" type="checkbox" runat="server" value=' <%#DataBinder.Eval(Container.DataItem,"ID")%>'/> </td> 
            <td align="center"> <%#DataBinder.Eval(Container.DataItem, "USERID")%> </td> 
            <td align="center"> <%#DataBinder.Eval(Container.DataItem, "USERNAME")%> </td> 
            <td align="center"> <%#DataBinder.Eval(Container.DataItem, "IMEI")%> </td> 
            <td align="center"> <%#DataBinder.Eval(Container.DataItem, "USERTYPE").ToString()=="0"?"后台用户":"前台用户"%> </td> 
            <td align="center"> <%#DataBinder.Eval(Container.DataItem, "ACCNUM")%> </td> 
            <td align="center"> <%#DataBinder.Eval(Container.DataItem, "STATE").ToString()=="0"?"已启用":"已禁用"%> </td> 
            <td align="center"> 
                <a href="stop.aspx?id= <%#DataBinder.Eval(Container.DataItem, "ID")%>"> <img width="16px" height="16px" alt=" <%#DataBinder.Eval(Container.DataItem, "STATE").ToString()=="0"?"禁用":"启用"%>" border="0" src="../images/role/ <%#DataBinder.Eval(Container.DataItem, "STATE").ToString()=="0"?"stop.gif":"normal.gif"%>" /> </a>&nbsp;&nbsp; 
                <a href="javascript:open_editUser(' <%#DataBinder.Eval(Container.DataItem, "ID")%>');"> 
                <img alt="编辑" border="0" src="../images/role/edit.gif" /> </a>&nbsp;&nbsp; 
                <a href="delete.aspx?id= <%#DataBinder.Eval(Container.DataItem, "ID")%>" target="mainright"> 
                <img alt="删除" border="0" src="../images/role/del.gif" /> </a> 
            </td> 
            </tr> 
            </ItemTemplate> 
            <AlternatingItemTemplate> 
            <tr bgcolor="#ECF4FE"> 
              <td align="center"> <input id="ckbxSelect" type="checkbox" runat="server" value=' <%#DataBinder.Eval(Container.DataItem,"ID")%>'/> </td> 
                <td align="center"> <%#DataBinder.Eval(Container.DataItem, "USERID")%> </td> 
                <td align="center"> <%#DataBinder.Eval(Container.DataItem, "USERNAME")%> </td> 
                <td align="center"> <%#DataBinder.Eval(Container.DataItem, "IMEI")%> </td> 
                <td align="center"> <%#DataBinder.Eval(Container.DataItem, "USERTYPE").ToString()=="0"?"后台用户":"前台用户"%> </td> 
                <td align="center"> <%#DataBinder.Eval(Container.DataItem, "ACCNUM")%> </td> 
                <td align="center"> <%#DataBinder.Eval(Container.DataItem, "STATE").ToString()=="0"?"已启用":"已禁用"%> </td> 
                <td align="center"> 
                <a href="stop.aspx?id= <%#DataBinder.Eval(Container.DataItem, "ID")%>"> <img width="16px" height="16px" alt=" <%#DataBinder.Eval(Container.DataItem, "STATE").ToString()=="0"?"禁用":"启用"%>" border="0" src="../images/role/ <%#DataBinder.Eval(Container.DataItem, "STATE").ToString()=="0"?"stop.gif":"normal.gif"%>" /> </a>&nbsp;&nbsp; 
                <a href="javascript:open_editUser(' <%#DataBinder.Eval(Container.DataItem, "ID")%>');"> 
                <img alt="编辑" border="0" src="../images/role/edit.gif" /> </a>&nbsp;&nbsp; 
                <a href="delete.aspx?id= <%#DataBinder.Eval(Container.DataItem, "ID")%>" target="mainright"> 
                <img alt="删除" border="0" src="../images/role/del.gif" /> </a> 
            </td> 
            </tr> 
            </AlternatingItemTemplate> 
            <FooterTemplate> 
            <tr> <td colspan="8">              
                <table id="div_info" align="left" width="98%" runat="server" style="background-color:#E6E7E9; color:#454545; width:100%; height:30px; 
                        margin-top:-1px; border-right: #454545 1px solid;border-left: #D4D0C8 1px solid; 
                        border-top: #D4D0C8 1px solid; border-bottom: #000000 1px solid;" visible="true"> 
                        <tr> <td align="left">&nbsp;&nbsp;&nbsp;&nbsp; <input id="ckbxSelectAll" class="txtbx" type="checkbox" onclick="selectAll();" visible="true" title="选中所有" value="选中所有" /> <strong>选中所有 </strong> </td> </tr> 
                </table> 
            </td> </tr> 
            </table> 
            </FooterTemplate> 
          </asp:Repeater> 

Answer 2

.GV_RowCss
{
    background-color:#F9F9F9;
    text-align:center;
    height:20px;
    font-size:small;
    vertical-align:middle;
    text-align:center;
}

.GV_AlterRowCss
{
    background-color:White;
    text-align:center;
    height:20px;
    font-size:small;
    vertical-align:middle;
    text-align:center;    
}
   </asp:TemplateField>
    </Columns>
       <AlternatingRowStyle CssClass="GV_AlterRowCss" /> 
       <RowStyle CssClass="GV_RowCss" /> 

Answer 3

onmouseout  this.backgroundColor=''
onmouseover  ..........

Answer 4

protected void gvN_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowIndex != -1)
            {
                if (e.Row.RowIndex % 2 != 0)
                {
                    e.Row.Attributes.Add("onclick", "tog(this,'" + ApplicationAlert.pstrSecondColor + "')");
                }
                else
                {
                    e.Row.Attributes.Add("onclick", "tog(this,'" + ApplicationAlert.pstrFirstColor + "')");
                }
            }
        }asp:gridview id="gvN" runat="server" BorderColor="#9DB6DF" 
BorderWidth="0px" AutoGenerateColumns="False"  PageSize="15" AllowPaging="true" 
Width="100%" DataKeyNames="Id" onrowdatabound="gvNews_RowDataBound">
<AlternatingRowStyle CssClass="Alternatingback"></AlternatingRowStyle>var tgs; 
         var tmp_background_val; 
         function tog(n,flags)
         { 
            if (tgs){ 
             tgs.style.background= tmp_background_val ; 
            } 
            n.style.background = '#D1D5E1' ;
            tmp_background_val=flags;
            tgs=n; 
         } 
.Alternatingback {
    background-color: #ECF1F8;
}