在repeater种怎么实现光棒效果啊?

[christy_fang]

我是用的repeater绑定的数据,想要实现光棒效果..
可是却不知道怎么做,还请高手们指教!!!!

[wjq]

就不能自己变通一下,把这代码加载repeater里么.......

[christy_fang]

又不是没试..
就是试过了不行才来问的撒..

[melon23]

代码贴出来就看看就知道哪里不行撒

[namhyuk]

Repeater太灵活了，你想用什么表示Repeater最终显示在客户端的东西？
<ul><li>?
<table>?
?

[wugaochao]

这个非要用在repeater控件里面写代码吗?
在.css文件里加个样式不就可以拉吗,

[白云任去留]

很简单，定义个样式就完了：
<ItemTemplate>
<tr onmouseover="this.style.backgroundColor='#B9D1F3'" onmouseout="this.style.backgroundColor='#ffffff'">
<td align="center"><%#DataBinder.Eval(Container.DataItem, "字段1")%></td>
<td align="center"><%#DataBinder.Eval(Container.DataItem, "字段2")%></td>
<td align="center"><%#DataBinder.Eval(Container.DataItem, "字段3")%></td>
...
</tr>
</ItemTemplate>

[superliu1122]

Repeater比GridView更好实现

[flylovejings]

实现方法方法应该是一样的吧！

不行的话试试js吧!

[yoursWTR]

一句CSS而已
比如在<li>标记里我们可以这么些

li{background-color:#000000} --鼠标不移动到li上的的效果
li:hover{background-color:#FFFFFF} --鼠标移动到li上的的效果

当然IE7以下{不包含IE}不支持非a标记以外的hover样式,你要用的话要写自定义样式,但我估计没人用IE6之类的了,流行的FF和Opera几个版本都很好的支持

[wdxgdiy]

 //repeater鼠标悬停变色
   var se; 
   function myrepeaterse(id)
   {
        se= id.style.backgroundColor;
        id.style.backgroundColor='#FFFFCC';
   }
   function myrepeaterses(id)
   {
        id.style.backgroundColor=se;
   }    

<tr style="background-color:#EBEBEB" onmouseover="myrepeaterse(this)" onmouseout="myrepeaterses(this)">

[iloveaspnet2008]

顶!!!!!

[三碗猪脚]

[Quote=引用 18 楼 wdxgdiy 的回复:]
HTML code

//repeater鼠标悬停变色
var se;
function myrepeaterse(id)
{
se= id.style.backgroundColor;
id.style.backgroundColor='#FFFFCC';
}
function myrepeaterses(id)
{
id.style.backgroundColor=se;
}

<tr style="background-color:#EBEBEB" onmouseover="myrepeaterse(this)" onmouseout="myrepeaterses(this)">
[/Quote]


我一直有个疑惑，这种搞法，对于数据行较少时还行，如果数据据行较多，如20行与200行的区别，会很明显增大页面大小，有没有好的方法减少数据量，不管数据行多少，始终几行代码就搞定，服务器控件太好用了，结果导致页面总是很胖很重。。。。

[christy_fang]

OK.. 谢谢大家了.. 问题解决啦!!

[loverdotnet]

mark

[ppp7p]

<ItemTemplate>
<tr onmouseover="this.style.backgroundColor='#B9D1F3'" onmouseout="this.style.backgroundColor='#ffffff'">
<td align="center"> <%#DataBinder.Eval(Container.DataItem, "字段1")%> </td>
<td align="center"> <%#DataBinder.Eval(Container.DataItem, "字段2")%> </td>
<td align="center"> <%#DataBinder.Eval(Container.DataItem, "字段3")%> </td>
...
</tr>
</ItemTemplate>
<AlternatingItemTemplate>
//更改onmouseover onmouseout 顔色就可以了。
<tr onmouseover="this.style.backgroundColor='#B9D1F3'" onmouseout="this.style.backgroundColor='#ffffff'">
<td align="center"> <%#DataBinder.Eval(Container.DataItem, "字段1")%> </td>
<td align="center"> <%#DataBinder.Eval(Container.DataItem, "字段2")%> </td>
<td align="center"> <%#DataBinder.Eval(Container.DataItem, "字段3")%> </td>
...
</tr>
</AlternatingItemTemplate

[lonelySurvive]

呵呵，这个名词新颖~~~~~~

[oec2003]

看来我猜对了，呵呵

就是用onmouseout 和onmouseover 事件

<tr onmouseover="this.style.backgroundColor='#000'" onmouseout="this.style.backgroundColor='#fff'">

[kqh168]

12楼
15楼

[NortonLi]

[Quote=引用 5 楼 tangjinzn 的回复:]
C# code
//光棒效果
protected void GridViewInBox_RowCreated(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{

e.Row……
[/Quote]
大哥，这个不是Repeater的吧？

[wutuomail]

[Quote=引用 18 楼 的回复:]
HTML code



//repeater鼠标悬停变色
var se;
function myrepeaterse(id)
{
se= id.style.backgroundColor;
id.style.backgroundColor='#FFFFCC';
}
function myrepeaterses……
[/Quote]

mark