ridView點擊行按鈕的時候固定滾動條的實現(xiàn)方法

解決方案:用js記錄滾動條坐標,實現(xiàn)錨定效果

[javascript] view plaincopyprint?

1. <script type="text/javascript" language="javascript">  
2.     function RecordPostion(obj) {  
3.         var diva = obj;  
4.         var sx = document.getElementById('<%=dvscrollX.ClientID %>');  
5.         var sy = document.getElementById('<%=dvscrollY.ClientID %>');  
6.         sy.value = diva.scrollTop;  
7.         sx.value = diva.scrollLeft;  
8.     }  
9.   
10.     function GetResultFromServer() {  
11.         var sx = document.getElementById('<%=dvscrollX.ClientID %>');  
12.         var sy = document.getElementById('<%=dvscrollY.ClientID %>');  
13.         //為什么div1就不用ClientID，其它服務器控件就要用？  
14.         document.getElementById('div1').scrollTop = sy.value;  
15.         document.getElementById('div1').scrollLeft = sx.value;  
16.     }  
17. </script>  

在頁面上添加兩個HiddenField,分別記錄X軸和Y軸滾動條坐標,這里有一個小細節(jié),因為我的頁面使用了UpdatePanel,所以在獲取HiddenField控件ID的時候,應該用這種寫法<%=dvscrollX.ClientID %>,如果不用UpdatePanel的話就直接寫dvscrollX即可,對于div而言不管用不用UpdatePanel,都可以直接寫成div1

[html] view plaincopyprint?

1. <asp:HiddenField ID="dvscrollX" runat="server" />  
2. <asp:HiddenField ID="dvscrollY" runat="server" />  

GridView控件外側的div標記增加js代碼 onscroll="javascript:RecordPostion(this);"

[html] view plaincopyprint?

1. <div id="div1" style="overflow: auto; line-height: 100%; letter-spacing: 1pt; height: 150px; margin:5px" onscroll="javascript:RecordPostion(this);">  
2.     <asp:GridView ID="GridView1" runat="server" Width="98%" AutoGenerateColumns="False" CssClass="gv" DataKeyNames="管線ID" OnRowCommand="GridView1_RowCommand" OnRowDataBound="GridView1_RowDataBound">  
3.          <Columns>                               
4.               <asp:BoundField DataField="管線ID" HeaderText="管線ID" ReadOnly="true">  
5.                    <FooterStyle CssClass="hidden" />  
6.                    <HeaderStyle CssClass="hidden" />  
7.                    <ItemStyle HorizontalAlign="Center" CssClass="hidden" />  
8.               </asp:BoundField>  
9.               <asp:TemplateField HeaderText="主項號">  
10.                    <EditItemTemplate>  
11.                         <asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("主項號") %>'></asp:TextBox></EditItemTemplate>  
12.                    <ItemTemplate>  
13.                         <asp:Label ID="Label2" runat="server" Text='<%# Bind("主項號") %>'></asp:Label></ItemTemplate>  
14.                    <ItemStyle HorizontalAlign="Center" Width="120px" />  
15.                </asp:TemplateField>  
16.                <asp:TemplateField HeaderText="明細">  
17.                    <ItemTemplate>  
18.                         <p class="cai">  
19.                              <asp:LinkButton ID="lbDetails" runat="server" CommandArgument='<%# Eval("管線ID") %>' CommandName="Details" CausesValidation="False"  Text="明細" />  
20.                         </p>  
21.                    </ItemTemplate>  
22.                    <HeaderStyle HorizontalAlign="Center" />  
23.                    <ItemStyle HorizontalAlign="Center" Width="50px"/>  
24.                </asp:TemplateField>  
25.          </Columns>  
26.          <RowStyle CssClass="gv_row" />  
27.          <AlternatingRowStyle CssClass="gv_alternet_row" />  
28.          <SelectedRowStyle CssClass="gv_selected_row" />  
29.          <HeaderStyle CssClass="gv_header" />  
30.      </asp:GridView>  
31. </div>  

[csharp] view plaincopyprint?

1. protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)  
2.         {  
3.             string pipelineId = e.CommandArgument.ToString();  //獲取管線id  
4.   
5.             if (e.CommandName == "Details")    //查看明細  
6.             {  
7.                 //做相應的操作...   
8.   
9.                 //加載js代碼，調(diào)用GetResultFromServer()方法  
10.                 string sjs = "GetResultFromServer();";   
11.                 ScriptManager.RegisterClientScriptBlock(this.GridView1, this.GetType(), "", sjs, true);  
12.   
13.             }  
14.         }  

最后說明：問題解決思路來自 http://bbs.csdn.net/topics/330148083