如何在asp:Repeater ItemTemplate中放置一个垂直滚动条?

时间:2013-03-22 22:38:34

标签: asp.net scrollbar panel ascx asprepeater

我继承了一个.ascx控件,该控件由一个包含HeaderTemplate,一个ItemTemplate和一个空FooterTemplate的asp:repeater构造组成。

标题和项目模板都链接到数据源。

我的问题很简单,我希望将一个垂直滑块应用于ItemTemplate,以便我可以在HeaderTemplate保持静止的同时向上和向下滚动包含的项目。

我尝试在ItemTemplate中使用asp:Panel,但这不会在模板中呈现行。

我已经在asp:Panel中封装了整个asp:Repeater,它指定了一个垂直滚动条。如果ItemTemplate中的行数很大,则可以将标题滚出视图。

如果有人可以提供帮助并建议前进的方法,我将非常感激。

1 个答案:

答案 0 :(得分:3)

可以通过一些CSS技巧以简单的方式完成,例如

转发器项目模板标记

<HeaderTemplate>
  <div class="template">
</HeaderTemplate>
<ItemTemplate>
    Your Stuff
 </ItemTemplate>
<FooterTemplate>
  </div>
</FooterTemplate>

CSS定义为“模板”

.template {
   height: 200px;
   overflow-y: scroll;
}

希望这会有所帮助!!