Ausführen der Client seitigen Funktion bei Änderung der GridWeb Seite
Mögliche Verwendungsszenarien
Manchmal müssen Sie Ihre Client-seitige Funktion ausführen, wenn sich die GridWeb-Seite ändert. Aspose.Cells.GridWeb bietet die OnPageChangeClientFunction-Eigenschaft zu diesem Zweck. Bitte setzen Sie diese Eigenschaft mit der Client-seitigen Funktion, die Sie ausführen möchten.
Ausführen der Client-seitigen Funktion bei Änderung der GridWeb-Seite
Der folgende ASPX-Markup erklärt, wie die Eigenschaft OnPageChangeClientFunction verwendet wird. Sie setzt die Eigenschaft mit der Clientside-Funktion MyOnPageChange. Bitte beachten Sie, dass diese Eigenschaft nur gültig ist, wenn Sie das Paging aktiviert haben, d.h. EnablePaging=“true”. Wenn Sie nun die GridWeb-Seite ändern, wird die Clientside-Funktion MyOnPageChange aufgerufen, die den aktuellen Seitenindex in der Konsole ausgibt, wie in diesem Screenshot gezeigt.
Beispielcode
Dies ist der Code der Clientside-Funktion MyOnPageChange, der ausgeführt wird, weil die Eigenschaft OnPageChangeClientFunction=“MyOnPageChange” in GridWeb gesetzt ist. Dies ist der komplette ASPX-Seitenmarkup.
| <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CallClientsideScriptforGridWeb.aspx.cs" Inherits="Aspose.Cells.GridWeb.Examples.CSharp.GridWebBasics.CallClientsideScriptforGridWeb" %> | |
| <%@ Register TagPrefix="acw" Namespace="Aspose.Cells.GridWeb" Assembly="Aspose.Cells.GridWeb" %> | |
| <!DOCTYPE html> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head runat="server"> | |
| <title>Test GridWeb</title> | |
| <script type="text/javascript" > | |
| function MyOnPageChange(index) { | |
| console.log("current page is:" + index); | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <form id="form1" runat="server"> | |
| <div> | |
| <div> | |
| <b>GridWeb Version:  </b> | |
| <asp:Label ID="lblVersion" runat="server" Text="Label"></asp:Label> | |
| <br /> | |
| </div> | |
| <acw:GridWeb ID="gridweb" | |
| runat="server" XhtmlMode="True" | |
| Height="504px" Width="1119px" EnablePaging="true" | |
| OnPageChangeClientFunction ="MyOnPageChange"> | |
| </acw:GridWeb> | |
| </div> | |
| </form> | |
| </body> | |
| </html> |