轉帖|其它|編輯:郝浩|2010-11-26 14:33:58.000|閱讀 1696 次
概述:本文主要介紹如何維護維護Panel 滾動條位置,希望對大家有幫助。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
GridView 若需要有滾動條,通常會將 GridView 置于 Panel 中,并設定 Panel 的 ScrollBars 屬性為 "Auto" 時,這樣 Panel 就會自動判斷是否需要出現水平或垂直滾動條。
1<asp:Panel ID="Panel1" runat="server" Height="300px" Width="712px" ScrollBars="Auto" BorderStyle="Solid" BorderWidth="1px">
2 <asp:GridView ID="GridView1" runat="server" AllowSorting="True" AutoGenerateColumns="False"
3 DataKeyNames="ProductID" DataSourceID="SqlDataSource1" EmptyDataText="沒有數據錄可顯示。">
4 <Columns>
5 ...
6 ...
7 </Columns>
8 </asp:GridView>
9 </asp:Panel>
可是當頁面 PostBack 時,Panel 的垂直滾動條會跳回最上方,水平滾動條會跳回最左方。我們可以參考 Page.MaintainScrollPositionOnPostBack 屬性的做法(參考 解析 Page.MaintainScrollPositionOnPostBack 屬性 這篇文章),利用二個 HiddenField 來記錄水平及垂直滾動條的位置。
我們可以在 Page Load 中撰寫如下的程序代碼,其中 Panel 的 ID 命名為 Panel1,在面頁輸出 "ScrollPosX" 及 "ScrollPosY" 二個 HiddenField,當頁面 Sumbit 時,利用 "ScrollPosX" HiddenField 來記錄滾動條水平位置,"ScrollPosY" HiddenField 來記錄垂直位置。而當頁面 PostBack 后重新加載頁面,就取得這二個 HiddenField 值,重新設定 Panel 的滾動條位置,如此就可以維護 Panel 滾動條位置。
1 Protected Sub Page_Load()Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
2 Dim sScript As String
3 Dim oScrollPosX As HiddenField '記錄水平滾動條位置
4 Dim oScrollPosY As HiddenField '記錄垂直滾動條位直
5
6 oScrollPosX = New HiddenField()
7 oScrollPosX.ID = "ScrollPosX"
8 Me.Form.Controls.Add(oScrollPosX)
9
10 oScrollPosY = New HiddenField
11 oScrollPosY.ID = "ScrollPosY"
12 Me.Form.Controls.Add(oScrollPosY)
13
14 '頁面 Sumbit 時,記錄 Panel 的水平及垂直滾動條位置
15 sScript = "window.document.getElementById('" & oScrollPosX.ClientID & "').value =" & _
16 "window.document.getElementById('" & Panel1.ClientID & "').scrollLeft;"
17 sScript = sScript & _
18 "window.document.getElementById('" & oScrollPosY.ClientID & "').value = " & _
19 "window.document.getElementById('" & Panel1.ClientID & "').scrollTop;"
20 Me.ClientScript.RegisterOnSubmitStatement(Me.GetType, "SavePanelScroll", sScript)
21
22 If Me.IsPostBack Then
23 '當 PostBack 時,利用 HiddenField 記錄的值來維護 Panel 滾動條位置
24 oScrollPosX.Value = Me.Request.Form(oScrollPosX.ClientID)
25 oScrollPosY.Value = Me.Request.Form(oScrollPosY.ClientID)
26
27 sScript = "window.document.getElementById('" & Panel1.ClientID & "').scrollLeft = " & oScrollPosX.Value & ";" & _
28 "window.document.getElementById('" & Panel1.ClientID & "').scrollTop = " & oScrollPosY.Value & ";"
29 Me.ClientScript.RegisterStartupScript(Me.GetType, "SetPanelScroll", sScript, True)
30 End If
31 End Sub
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:網絡轉載