Pflegen Bildlaufleiste position eines div innerhalb eines gridview nach einem PostBack

Ich Folgendes Stück code in der web.config, um die scrollbar-position nachdem ein server postback:

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

Alles wunderbar funktioniert, aber jetzt habe ich ein gridview-umhüllter innerhalb eines div mit Scrollbalken im div (interne scrollbar).

Wenn ein Ereignis auf eine der Zeilen in der gridview, die interne scrollbar nicht pflegen Ihre ursprüngliche position im Gegensatz zu den äußeren.

Irgendwelche Ideen?

Dies ist beabsichtigt: diese Einstellung ist nur anwendbar auf die gleiche position in der client-browser. Ich glaube nicht, dass es wirkt für alle scrollbars Hinzugefügt innerhalb eines <DIV> element wie in Ihrem Gridview.

InformationsquelleAutor cgval | 2012-08-23

  1. 16

    Für zukünftige Referenz:

    Dem normalen Verfahren ist das folgende schreiben im web.config-Datei:

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

    Diese beibehalten wird, die schriftrolle-bar-position aller web-Seiten.

    Wenn Sie eine scroll-bar in einem gridview (oder div), verwenden Sie das folgende Skript:

    <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>

    Und das div muss wie folgt sein: 

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

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

    onscroll kann manchmal performance-Probleme, da läuft es oft wie der Benutzer scrollen. Je nach Navigations-Methoden, die Sie möglicherweise in der Lage zu nennen SetDivPosition() auf auf bestimmte Ereignisse, so dass der cookie wird gesetzt, nur einmal, bevor Sie die Seite verlassen. Ich habe Ihre Implementierung auf einer Seite, wenn jeder link in einem div-Element geklickt wurde, und befestigt es so: $(function () { $('#myDivID').klicken Sie auf(Funktion () { SetDivPosition(); }); });

    InformationsquelleAutor cgval

  2. 3

    Versuchen, diese,

     <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;">

    In der Page_Load -

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

    InformationsquelleAutor Gilly

  3. 1

    Können Sie tun, was Sie wollen, aber es muss getan werden client-seitig mit so etwas wie jQuery. Das folgende tutorial jQuery verwendet, um festzustellen, der Wert der scrollbar in Ihrem GridView-Steuerelement und dann wiederherstellen, Wert jedes mal, wenn die $(document).ready - Funktion aufgerufen wird. Auf diese Weise die scroll-bar wird wieder auf die position vor dem postback, wie Sie es wünschen.

    Einfache Pflege die scroll-position in GridView mit jQuery

    Der link in deiner Antwort ist jetzt ein Toter link. Könnte Sie erweitern Ihre Antwort zu erklären, was der Artikel war, was darauf hindeutet?

    InformationsquelleAutor atconway

  4. 1

    Ich nicht eine lange lange Erklärung und eine Erklärung, der wichtigste Teil ist, dass diese codes an meinem Projekt arbeiten.

    <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>

    dies ist aus http://www.codeproject.com/Articles/30235/Maintain-GridView-Scroll-Position-and-Header-Insid

    es funktionierte für mich. danke.

    InformationsquelleAutor dada

Schreibe einen Kommentar