日期:2014-05-17  浏览次数:20408 次

★如何在repeater中增加一些AJAX类的东西★
使用repeater来显示数据
希望在在显示的每个数据行上做点交互的东西
比如:当鼠标悬浮在某行的数据上时,可以在每行的最后显示一个按钮或者超级链接什么的

这个怎么实现呢?能给示例最好,给点思路也可以,THANKS!

------解决方案--------------------
探讨
使用repeater来显示数据
希望在在显示的每个数据行上做点交互的东西
比如:当鼠标悬浮在某行的数据上时,可以在每行的最后显示一个按钮或者超级链接什么的

这个怎么实现呢?能给示例最好,给点思路也可以,THANKS!

------解决方案--------------------
不好意思,当时是我在留言框里临时写的,没有测试,把document拼错了。现有测试通过:
Repeat 生成的HTML源码如下:
<ul id="ulTest">
<li><span>test1</span></li>
<li><span>test2</span></li>
<li><span>test3</span></li>
</ul>

所以在aspx页面中Repeater如下:
<ul id="ulTest">
<asp:Repeater ID="test" runat="server">
<ItemTemplate>
<li><span><%#Eval("Your Data")%></span></li>
</ItemTemplate>
</asp:Repeater>
</ul>
JS如下:
<script type="text/javascript">
$(document).ready(function(){
$("#ulTest").children().hover(function(){ //鼠标放移入的事件
$(this).append("<a href='#'>这是一个链接!</a>")
},

function(){ //鼠标移走的事件
$(this).children("a").remove();
})
})
</script>