2013-03-22 108 views
1

我继承了一个.ascx控件,它由一个包含HeaderTemplate,ItemTemplate和一个空的FooterTemplate的asp:repeater构造组成。如何在asp:Repeater ItemTemplate中放置一个垂直滚动条?

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

我的问题是这样的,我想有一个垂直滑块应用到ItemTemplate,这样我可以上下滚动HeadersTemplate保持静态时所包含的项目。

我已经尝试在ItemTemplate中使用asp:Panel,但这并不呈现模板内的行。

我已经诉诸封装asp:Repeater中指定一个垂直滚动条的整个asp:Repeater。这可以工作,但如果ItemTemplate中的行数很大,则会将标题滚动到视图外。

如果有人能够提供帮助并提出建议,我将非常感激。

回答

3

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

repeater项目模板标记

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

CSS定义为 “模板”

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

希望这将帮助!

+1

你很亲切。谢谢,我会放弃它,让你知道我如何继续。 – MPG 2013-03-25 16:55:55

+0

不幸的是,它不起作用,因为它只是为ItemTemplate中的每一行插入一个滚动条。谢谢你们的回复。 – MPG 2013-03-25 18:42:41

+0

@MPG,我编辑了我的答案并移动模板div在页眉模板中并关闭它在页脚模板中。这肯定会解决你的问题。 – 2013-03-26 15:58:34