2013-03-22 60 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