保持一个GridView内一个div的滚动条位置的回传后(Maintain Scroll Bar p

2019-07-31 03:55发布

我用下面的代码段在web.config以维持服务器回发后的滚动条的位置是:

<pages maintainScrollPositionOnPostBack="true" >
</pages>

所有工作正常,但现在我有一个div内与微胶囊在div(内部滚动条)滚动条一个gridview。

当一个事件发生在gridview的内部的行中的一个中,内部滚动条不保持其原有不像外的一个位置。

有任何想法吗?

Answer 1:

备查:

正常的程序是写在web.config文件如下:

  <system.web>
    <pages maintainScrollPositionOnPostBack="true" >
    </pages>
  </system.web>

这将保存所有网页的滚动条位置。

如果你有一个GridView内的滚动条(或DIV),然后使用下面的脚本:

<script type="text/javascript">
    window.onload = function () {
        var strCook = document.cookie;
        if (strCook.indexOf("!~") != 0) {
            var intS = strCook.indexOf("!~");
            var intE = strCook.indexOf("~!");
            var strPos = strCook.substring(intS + 2, intE);
            document.getElementById("grdWithScroll").scrollTop = strPos;
        }
    }
    function SetDivPosition() {
        var intY = document.getElementById("grdWithScroll").scrollTop;
        document.cookie = "yPos=!~" + intY + "~!";
    }
</script>

而在div必须如下:

<div id="grdWithScroll" …………  onscroll="SetDivPosition()">

http://michaelsync.net/2006/06/30/maintain-scroll-position-of-div-using-javascript-aspnet-20



Answer 2:

试试这个,

 <script type="text/javascript">
  window.onload = function () {
               var h = document.getElementById("<%=hfScrollPosition.ClientID%>");
               document.getElementById("<%=scrollArea.ClientID%>").scrollTop = h.value;
              }
   function SetDivPosition() {
           var intY = document.getElementById("<%=scrollArea.ClientID%>").scrollTop;
           var h = document.getElementById("<%=hfScrollPosition.ClientID%>");
           h.value = intY;
     }

  function afterpostback() {

            var h = document.getElementById("<%=hfScrollPosition.ClientID%>");
            document.getElementById("<%=scrollArea.ClientID%>").scrollTop = h.value;

     }

</script> 

 <asp:HiddenField ID="hfScrollPosition" runat="server" Value="0" />
 <div id="scrollArea" onscroll="SetDivPosition()"   runat="server"  style="height:225px;overflow:auto;overflow-x:hidden;"> 

在Page_Load

if (Page.IsPostBack) {
    ScriptManager.RegisterClientScriptBlock(Page, this.GetType(), "CallJS", "afterpostback();", true);
    }


Answer 3:

你可以做你想做的,但它需要做的客户端的东西,如jQuery的。 下面的教程jQuery来确定滚动条的值的GridView控件内,然后每时间恢复值$(document).ready函数被调用。 以这种方式这回发之前的位置,你希望你的滚动条将被重置。

轻松使用jQuery维持GridView的滚动位置



Answer 4:

我没有一个很长很长的解释和任何解释,最重要的部分是这些代码对我的项目。

<script  type="text/javascript">
// This Script is used to maintain Grid Scroll on Partial Postback
var scrollTop;
//Register Begin Request and End Request 
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
//Get The Div Scroll Position

function BeginRequestHandler(sender, args) 
{
var m = document.getElementById('divGrid');
scrollTop=m.scrollTop;
}
//Set The Div Scroll Position
function EndRequestHandler(sender, args)
{
var m = document.getElementById('divGrid');
m.scrollTop = scrollTop;
} 
</script>

这是来自http://www.codeproject.com/Articles/30235/Maintain-GridView-Scroll-Position-and-Header-Insid



文章来源: Maintain Scroll Bar position of a div within a gridview after a PostBack