Question

C#怎么实现用JS控制Repeater里的控件显示与否？

我想实现一个跟QQ空间一样，点下回复就把事先隐藏的输入框和两个按钮显示出来！请哪位大虾帮忙搞定下谢谢～

Answer 1

这个问题嘛！你用这个JavaScript代码
假如你的Repeater的ID为replay
给ID加个属性style="display:none;"
然后在点击的事件是添加这个代码：
var
getId
=document.getElementById('replay');
getId.style.display
=(getId.style.display
==
'none')?'block':'none';
这样就可以了！！

Answer 2

给repeater加一个style="display:none;"
然后再给这个控件加一个onclick事件
var repeater = document.getElementById("控件id");
if(repeater.style.display=='none'){
repeater.style.display=='block'
}
else if(repeater.style.display=='block'){
repeater.style.display=='none'
}

Answer 3

<script>
function showEdit() {
var srcElement = event.srcElement;

var div = srcElement.parentNode.getElementsByTagName('div')[0];
div.style.display = "block";
}
</script>
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<div><%#Eval("title") %> <a href="#" onclick="showEdit()">评论</a>
<div id='talk' style='display:none;'>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1"
runat="server" Text="Button" /></div></div>
</ItemTemplate>
</asp:Repeater>

或者用这种方式
<script>
function showEdit(index) {
var talkDiv = document.getElementById("Repeater1_ctl" + converttostring(index) + "_talk");

talkDiv.style.display = "block";
}
function converttostring(obj) {
var str = obj.toString();
var objLength = str.length;
if (objLength < 2) {
str = "0" + str;
}

return str;
}
</script>
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<div><%#Eval("title") %> <a href="#" onclick="showEdit(<%#Container.ItemIndex %>)">评论</a>
<div id='talk' style='display:none;' runat="server">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1"
runat="server" Text="Button" /></div></div>
</ItemTemplate>
</asp:Repeater>