在Repeater控件中创建可隐藏区域

核心提示： 在上面的javscript代码中，充分利用了HTML元素的display和visiblity属性，在Repeater控件中创建可隐藏区域(2)，而且要注意，这两个属性应该同时使用，另一个则显示问题的答案,而且要为每一个＜div＞标记赋值一个唯一的id,每条记录中，显示问题的＜div＞标记的

在上面的javscript代码中，充分利用了HTML元素的display和visiblity属性，而且要注意，这两个属性应该同时使用。首先在button按钮的onclick事件中，调用了自定义的javscript写的函数showhidecontent,该函数有两个参数，id和show,id表示要显示或者隐藏的区域的名称，比如该例子中，要显示或隐藏的区域是＜div＞标记内的文本，show为布尔值，决定是否隐藏或显示该区域。而在showhidecontent函数中，则根据show的值,控制display和visiblity属性。

明白了上面例子的道理后，下面就可以在repeater控件中应用了。比如，我们要创建一个FAQ问答录，其中有很多用户要询问的问题，则使用上面的方法，可以先将用户的问题使用repeater控件罗列出来,之后当用户点击该问题时,则会显示出隐藏的回答，十分方便。Repeater的代码片段如下:

＜asp:Repeater id="rptFAQs" runat="server"＞
＜ItemTemplate＞
　＜h2＞＜%# DataBinder.Eval(Container.DataItem, "Description") %＞＜/h2＞＜br /＞
　＜b＞Submitted By:＜/b＞ ＜%# DataBinder.Eval(Container.DataItem, "SubmittedByName") %＞＜br /＞
　＜b＞Views:＜/b＞ ＜%# DataBinder.Eval(Container.DataItem, "ViewCount", "{0:d}") %＞＜br /＞
　＜b＞FAQ:＜/b＞＜br /＞
　＜%# DataBinder.Eval(Container.DataItem, "Answer") %＞
＜/ItemTemplate＞
＜/asp:Repeater＞

我们可以看到，上面的代码只是描述了静态的一个repeater。接下来，我们要在repeater的模版列上进行一下修改，以满足要求。

首先，我们为每一条记录都创建两个＜div＞标记，一个显示FAQ的问题，另一个则显示问题的答案,而且要为每一个＜div＞标记赋值一个唯一的id,每条记录中，显示问题的＜div＞标记的id记作h index(index为Repeater控件中每一项的id号，利用itemindex),而显示答案的＜div＞标记的id记作dindex。代码如下: