大侠们，救命啊。Repeater选中行的颜色显示

本帖最后由 hhh871030 于 2009-12-30 13:56:22 编辑

解决方案 »

  1.   

    你非点用Repeater 吗？用GridView有方法解决
      

  2.   

    第1种：你参考下我的代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT=""> </HEAD> <BODY>
            <div id="jpmenu"> 
                <ul style=""> 
                    <li>序号 </li> <li>出发地 </li> <li>目的地 </li> <li>运输类型 </li> <li><a href="###" onclick="if (this.parentNode.parentNode.style.background!='red')this.parentNode.parentNode.style.background='red'; else this.parentNode.parentNode.style.background='white'">选择</a> </li> </ul> 
     <ul style=""> 
                    <li>序号 </li> <li>出发地 </li> <li>目的地 </li> <li>运输类型 </li> <li><a href="###" onclick="if (this.parentNode.parentNode.style.background!='red')this.parentNode.parentNode.style.background='red'; else this.parentNode.parentNode.style.background='white'">选择</a> </li> </ul> 
    </div>
     </BODY>
    </HTML>
      

  3.   

    1.在Repeater中加一表格或div,改变表格或div的颜色,如下:
    <asp:Repeater ID="Repeater1" runat="server" OnItemCommand="Repeater1_ItemCommand"> 
        <ItemTemplate> 
          <table border="0" cellspacing="0" cellpadding="0" width="100%" runat ="server" id="table1"><tr><td >
           .......
           .......
          </td></tr></table>
        </ItemTemplate>
    </asp:Repeater>2.在Repeater的ItemDataBound事件中有如下代码,即click调用js:
    protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
    {
        HtmlTable myTable = (HtmlTable)e.Item.FindControl("table1");
        if (myTable != null)
          myTable.Attributes.Add("onclick", "changeColor('" + myTable.ClientID.ToString() + "')");
    }
    如果没引用,请添加引用:
    using System.Web.UI.HtmlControls;3.js代码:
    <script type="text/javascript">
            function changeColor(obj) {
                var myTable = document.getElementsByTagName("table");
               
                for (i = 0; i < myTable.length; i++) {
                    if (myTable[i].id == obj)
                        document.getElementById(myTable[i].id).style.backgroundColor = "#ff0000";
                    else
                        document.getElementById(myTable[i].id).style.backgroundColor = "#ffffff";
                }
            }
    </script>ok!!
      

  4.   

    <script   language=javascript>   
      function Click(obj){ 
         if(obj.checked==true)
         {
          obj.parentElement.parentElement.bgColor= "red";  
         }  
          else
          {
          obj.parentElement.parentElement.bgColor= "#ffffff";  
          }
      }   
      </script>
    试试这个吧！
      

  5.   

    onmouseover="c=this.style.backgroundColor;this.style.backgroundColor=c"
    onmouseout="this.style.backgroundColor=c;";
    这样不知道行不行了！