Repeater控件中嵌套的table,实现单击行变色和单击行弹出页面

[Comeonzhou]

1,单击第一行变色,然后点击第二行时,第一行恢复到初始颜色,第二行变色..前提是我不知道有多少行.每行都要实现这种效果
2.单击某行时 不仅变色,而且会弹出页面.

[Comeonzhou]

忘了补充.弹出的窗口需要传选定某行的ID值.

[sunny_yu]

就是每行的onclick改变样式就行了。。

[jianshao810]

给 tr 添加一个onclick 的JS 方法，在方法里面改变背景色。这样试验下看看。
看见源代码就可以拉，不过，楼主要懂js

[LiuK_Moon]

楼主在否 我写了段JS给你用

[LiuK_Moon]

<tr onclick='CChange(<%# Eval("ID")%>,<%# Container.ItemIndex.ToString() %>)' id='<%# "tr"+Container.ItemIndex.ToString() %>'></tr>

<script type="text/javascript" language="javascript">  
                                                                var num=false;
                                                                var curID=-1;                                                                                  
                                                                function CChange(id,showid)
                                                                {                                                                                        
                                                                    if(curID==-1)
                                                                    {                                                                                    
                                                                        document.getElementById("tr"+showid).style.backgroundColor="#CCCCCC";
                                                                        window.open('');                                                                        
                                                                    }
                                                                    else
                                                                    {
                                                                        if(curID!=showid && curID!=-1)
                                                                        {
                                                                            document.getElementById("tr"+curID).style.backgroundColor="#FFFFFF"; 
                                                                            num=false;                                         
                                                                        }
                                                                        
                                                                        curID=showid;                                                                                        
                                                                        if(!num)
                                                                        {
                                                                            num=true;                                                                                                                                                                                        
                                                                            document.getElementById("tr"+curID).style.backgroundColor="#CCCCCC";   
                                                                            window.open();                                                                                         
                                                                        }
                                                                    }
                                                                    
                                                                }
                                                            </script>

[Comeonzhou]

坐等高人#32

[telankes2000]

var S={
tempColorValue: { sBgColor: null, item_id: null, sColor: null, tempButtonBgColor: null },
        changeBgColor: function(obj) {       /*鼠標經過時的背景色*/
            if (obj.id != this.tempColorValue.item_id) {
                this.tempColorValue.sBgColor = obj.style.backgroundColor;
                this.tempColorValue.sColor = obj.style.color;
                obj.style.cursor = "pointer";
                obj.style.backgroundColor = "#d0f3ff";
            }
        },
        clearBgColor: function(obj) {       /*鼠標離開后的背景色*/
            if (obj.id != this.tempColorValue.item_id) {
                obj.style.backgroundColor = this.tempColorValue.sBgColor;
                obj.style.color = this.tempColorValue.sColor;
            }
        },
        setBgColor: function(obj) {     /*設置當前元素的背景色*/
            obj.style.backgroundColor = "#3E94F1";
            obj.style.color = "#fff";
            var item_id = this.tempColorValue.item_id;
            if (item_id != null) {
                $(item_id).style.backgroundColor = this.tempColorValue.sBgColor; ;
                $(item_id).style.color = this.tempColorValue.sColor;
            }
            if (item_id == obj.id) {
                this.tempColorValue.item_id = null;
            }
            else {
                this.tempColorValue.item_id = obj.id;
            }
        }
}
function Show(obj){
 var url = "xxx.aspx?a="+obj;
 window.showModalDialog(url,"","");
}

Repeater_DataBound:
e.Item.Attributes.Add("id",e.Item.ItemIndex.ToString());
e.Item.Attributes.Add("onclick","S.setBgColor(this);Show('001')");
e.Item.Attributes.Add("onmouseover","S.changeBgColor(this)");
e.Item.Attributes.Add("onmouseout","S.clearBgColor(this)");

[细嗅蔷薇]

都很简单啊 楼上的就行额 不行就百度 google 一下

[Comeonzhou]

百度 谷歌我还用得着你教啊. 楼上的不行 他那段我试过.

[天下在我心]

给 tr 添加一个onclick 的JS 方法，在方法里面改变背景色。这样试验下看看。

[Comeonzhou]

来个直接点的朋友啊..
我不需要鼠标移动变色 只需要点击变色和弹出窗口..
没办法 我技术有限...

[孟子E章]

参照
http://dotnet.aspx.cc/file/Change-GridView-Row-Background-Color-When-Click-Row.aspx
做法类似

[孟子E章]

如果弹出窗口，再加上一行window.open即可

[酷儿]

repeater的模版有交替项 就是奇偶之分 你直接用就OK了

[by_封爱]

/// <summary>
/// 双色表格以及光棒效果
/// </summary>
/// <param name="o">GridView的ID</param>
/// <param name="a">1 3 5 7 9  单行背景颜色</param>
/// <param name="b">2 4 6 8 10 双行背景颜色</param>
/// <param name="c">onmouseover 鼠标移动单个表格的颜色</param>
function senfe(o, a, b, c)
{
    var t = document.getElementById(o)
    if (t != null)
    {
        t = t.getElementsByTagName("tr");
        for (var i = 1; i < t.length; i++)
        {
            t[i].style.backgroundColor = (t[i].sectionRowIndex % 2 == 0) ? a : b;
            t[i].onclick = function()
            {
                this.x = "0";
                this.style.backgroundColor = (this.sectionRowIndex % 2 == 0) ? a : b;
            }
            t[i].onmouseover = function()
            {
                if (this.x != "1")
                    this.style.backgroundColor = c;
            }
            t[i].onmouseout = function()
            {
                if (this.x != "1")
                    this.style.backgroundColor = (this.sectionRowIndex % 2 == 0) ? a : b;
            }
        }
    }
}
//senfe("g1","#ECF9FC","#FFFFFF","#D6F1F8"); 调用

这个是GridView 你可以参考下 这个超级强大 而且兼容
如果你还想弹出的话 你在this.style.backgroundColor 后面写就行了

[luoliang0089]

学习中……

[howtodown]

正好需要