Arbeiten mit GridWeb

Öffnen einer Microsoft Excel-Datei

Aspose.Cells.GridWeb-Steuerelement kann Microsoft Excel-Dateien öffnen und laden – komplett mit Daten, Formatierungen, Diagrammen, Bildern usw. In diesem Thema wird erklärt, wie.

So öffnen Sie eine Excel-Datei mit dem GridWeb-Steuerelement:

Fügen Sie das Aspose.Cells.GridWeb-Steuerelement zu einem Webformular oder einer Webseite hinzu.
Importieren Sie die Excel-Datei, indem Sie den Dateipfad angeben.
Führen Sie die Anwendung aus oder öffnen Sie die Seite.

Um den Inhalt aus einer Excel-Datei in das Aspose.Cells.GridWeb-Steuerelement zu laden, müssen Sie die Methode importExcelFile aufrufen, um den Pfad der Excel-Datei anzugeben. Danach findet das GridWeb-Steuerelement automatisch die Datei im angegebenen Pfad und zeigt ihren Inhalt darin an. Unten finden Sie einen Codeausschnitt, der den Inhalt einer Excel-Datei lädt.

Der obige Codeausschnitt kann beliebig verwendet werden. Um beispielsweise beim Laden eines Webformulars automatisch eine Excel-Datei zu laden, fügen Sie diesen Code zum Page_Load-Ereignis des Formulars hinzu, das Sie selbst angegeben haben.

Eine Excel-Datei wird in GridWeb geladen

todo:image_alt_text

Speichern einer Microsoft Excel-Datei

Mit dem Aspose.Cells.GridWeb-Steuerelement ist es möglich, auf Websites im GUI-Modus neue Microsoft Excel-Dateien zu erstellen oder vorhandene zu bearbeiten. Die Dateien können dann als Excel-Dateien gespeichert werden. Aspose.Cells.GridWeb dient effektiv als Online-Tabellenkalkulationseditor. In diesem Thema wird beschrieben, wie Sie Rasterinhalte in Excel-Dateien speichern.

Als Datei speichern

So speichern Sie den Inhalt des Aspose.Cells.GridWeb-Steuerelements als Excel-Datei:

Fügen Sie das Aspose.Cells.GridWeb-Steuerelement zu einem Webformular oder einer Webseite hinzu.
Speichern Sie Ihre Arbeit als Excel-Datei unter einem angegebenen Pfad.
Führen Sie die Anwendung aus oder öffnen Sie die Seite.

Das folgende Codebeispiel veranschaulicht, wie Rasterinhalte in einer Excel-Datei gespeichert werden.

Der obige Codeausschnitt kann auf verschiedene Arten verwendet werden. Eine übliche Methode besteht darin, eine Schaltfläche hinzuzufügen, die beim Klicken den Rasterinhalt in einer Excel-Datei speichert. Aspose.Cells.GridWeb bietet einen einfacheren Ansatz für diese Aufgabe. Aspose.Cells.GridWeb hat ein Ereignis namens SaveCommand. Der obige Codeausschnitt kann dem Ereignishandler des SaveCommand-Ereignisses hinzugefügt werden, sodass Benutzer ihre Arbeit speichern können, indem sie auf das integrierte Aspose.Cells.GridWeb klickenSpeichern Taste.

Größenänderung von Aspose.Cells.GridWeb und seiner Kopfleiste

In diesem Artikel wird erläutert, wie Sie die Größe von GridWeb zur Laufzeit mithilfe des Aspose.Cells.GridWeb-Steuerelements API ändern. Außerdem wird erläutert, wie Sie die Größe der Kopfleisten des Aspose.Cells.GridWeb-Steuerelements ändern, um deren Daten leichter lesbar zu machen.

Breite und Höhe von Aspose.Cells.GridWeb ändern

Das Ändern der Breite und Höhe des Aspose.Cells.GridWeb-Steuerelements ist eine einfache, aber wichtige Funktion. Das Aspose.Cells.GridWeb-Steuerelement wird durch die GridWeb-Klasse in API dargestellt. Um die Breite und Höhe des GridWeb-Steuerelements zu ändern, verwenden Sie einfach seine Eigenschaften width und height.

Die Breite und Höhe des Steuerelements können in Pixeln oder Punkten definiert werden.

Die Ausgabe des folgenden Codeausschnitts wird unten angezeigt.

Breite und Höhe des GridWeb-Steuerelements geändert

todo:image_alt_text

Breite und Höhe der Kopfzeile ändern

Aspose.Cells. Das GridWeb-Steuerelement enthält zwei Kopfzeilen wie folgt:

Obere Kopfleiste. Diese Kopfleiste stellt Spalten wie A, B, C, D usw. dar.
Linke Kopfzeile. Diese Kopfzeile stellt die Zeilen 1, 2, 3, 4 usw. dar.

Beide Kopfzeilen werden unten angezeigt.

Kopfzeilen

todo:image_alt_text

Ändern Sie die Höhe der oberen Kopfzeile und die Breite der linken Kopfzeile mithilfe der Eigenschaften HeaderBarHeight und HeaderBarWidth des GridWeb-Steuerelements. Die folgende Abbildung zeigt die Ausgabe des folgenden Codebeispiels.

Breite und Höhe der Kopfzeile geändert

todo:image_alt_text

Arbeiten mit Aspose.Cells.GridWeb Events

Alle Entwickler müssen mit Ereignissen und deren Zweck vertraut sein. Ereignisse werden verwendet, um Benachrichtigungen über Änderungen zu senden, die in einem Steuerelement oder einer Klasse auftreten können. Aspose.Cells.GridWeb verfügt über mehrere Ereignisse, die zur Ausführung bestimmter Aufgaben verwendet werden können, wenn bestimmte Änderungen im Steuerelement auftreten.

Dieses Thema bietet eine Einführung in alle vom Aspose.Cells.GridWeb-Steuerelement unterstützten Ereignisse sowie einige Details zum Umgang mit diesen Ereignissen.

Einführung in Grid-Events

Aspose.Cells. Das GridWeb-Steuerelement unterstützt mehrere Ereignisse, die mehr Kontrolle für die Ausführung von Vorgängen bieten, wenn bestimmte Ereignisse im Steuerelement ausgelöst werden. Eine vollständige Liste der vom Aspose.Cells.GridWeb-Steuerelement unterstützten Ereignisse finden Sie unten.

Veranstaltungen	Beschreibung
CellCommand	Tritt auf, wenn auf den Befehls-Hyperlink einer Zelle geklickt wird. Wenn dieses Ereignis ausgelöst wird, stellt sein Parameter e.Argument den Namen des Befehls bereit.
CellDoubleClick	Tritt auf, wenn auf die Zelle doppelgeklickt wird.
SpalteGelöscht	Tritt auf, wenn ein Benutzer über das clientseitige Menü eine Spalte aus einem Arbeitsblatt löscht.
SpalteLöschen	Tritt auf, wenn ein Benutzer versucht, über das clientseitige Menü eine Spalte aus einem Arbeitsblatt zu löschen.
ColumnDoubleClick	Tritt auf, wenn auf die Spaltenüberschrift doppelgeklickt wird.
SpalteEingefügt	Tritt auf, wenn ein Benutzer über das clientseitige Menü eine Spalte in ein Arbeitsblatt einfügt.
Benutzerdefinierter Befehl	Tritt auf, wenn ein Benutzer auf eine benutzerdefinierte Befehlsschaltfläche klickt.
LoadCustomData	Tritt auf, wenn die EnableSession-Eigenschaft des Steuerelements auf „false“ festgelegt ist und Arbeitsblattdaten geladen werden müssen. Sie können dieses Ereignis im sitzungslosen Modus verarbeiten, um Arbeitsblattdaten aus einer Datei oder Datenbank zu laden.
PageIndexChanged	Tritt auf, wenn der Blattseitenindex des Steuerelements geändert wird.
Zeile gelöscht	Tritt auf, wenn ein Benutzer über das clientseitige Menü eine Zeile aus dem Arbeitsblatt löscht.
Zeile löschen	Tritt auf, wenn ein Benutzer versucht, über das clientseitige Menü eine Zeile aus einem Arbeitsblatt zu löschen.
RowDoubleClick	Tritt auf, wenn auf den Zeilenkopf doppelgeklickt wird.
Zeile eingefügt	Tritt auf, wenn ein Benutzer über das clientseitige Menü eine Zeile in das Arbeitsblatt einfügt.
SaveCommand	Tritt auf, wenn dieSpeichern Schaltfläche angeklickt wird.
SheetTabClick	Tritt auf, wenn auf eine Blattregisterkarte geklickt wird.
SubmitCommand	Tritt auf, wenn dieEinreichen Schaltfläche angeklickt wird.
UndoCommand	Tritt auf, wenn dieRückgängig machen Schaltfläche angeklickt wird.
AjaxCallFinished	Wird ausgelöst, wenn die AJAX-Aktualisierung des Steuerelements abgeschlossen ist. (EnableAJAX muss auf true gesetzt sein).
CellModifiedOnAjax	Wird ausgelöst, wenn die Zelle in einem AJAX-Aufruf geändert wird.
AfterColumnFilter	Wird ausgelöst, wenn der Filter auf eine Spalte angewendet wird.

Umgang mit Grid-Ereignissen

Um eine bestimmte Operation zum Auslösen eines bestimmten Ereignisses auszuführen, müssen wir einen Ereignishandler erstellen. Ein Event-Handler führt die gewünschte Aufgabe aus, wenn ein bestimmtes Ereignis ausgelöst wird. Das folgende Beispiel zeigt, wie ein einfaches Rasterereignis behandelt wird.

Arbeiten mit Doppelklick-Ereignissen

Aspose.Cells.GridWeb enthält drei Arten von Doppelklick-Ereignissen:

CellDoubleClick, wird ausgelöst, wenn auf eine Zelle doppelgeklickt wird.
ColumnDoubleClick, wird ausgelöst, wenn auf eine Spaltenüberschrift doppelgeklickt wird.
RowDoubleClick, wird ausgelöst, wenn auf einen Zeilenkopf doppelgeklickt wird.

In diesem Thema wird erläutert, wie Doppelklickereignisse in Aspose.Cells.GridWeb aktiviert werden. Außerdem wird die Erstellung von Ereignishandlern für diese Ereignisse erläutert.

Doppelklick-Ereignisse aktivieren

Alle Arten von Doppelklickereignissen können clientseitig aktiviert werden, indem die EnableDoubleClickEvent-Eigenschaft des GridWeb-Steuerelements auf „true“ gesetzt wird.

Standardmäßig ist die Eigenschaft „EnableDoubleClickEvent“ auf „false“ festgelegt. Das bedeutet, dass Doppelklickereignisse standardmäßig nicht aktiviert sind. Um solche Ereignisse zu implementieren, aktivieren Sie zunächst die Funktion.

Sobald Doppelklick-Ereignisse aktiviert sind, ist es möglich, Ereignishandler für beliebige Doppelklick-Ereignisse zu erstellen. Diese Ereignishandler führen bestimmte Aufgaben aus, wenn ein bestimmtes Doppelklick-Ereignis ausgelöst wird.

Umgang mit Doppelklick-Ereignissen

Doppelklicken Sie auf Cell

Der Ereignishandler für das CellDoubleClick-Ereignis stellt ein Argument vom Typ CellEventArgs bereit, das die vollständigen Informationen der Zelle bereitstellt, auf die doppelgeklickt wird.

Doppelklicken Sie auf die Spaltenüberschrift

Der Ereignishandler für das ColumnDoubleClick-Ereignis stellt ein Argument vom Typ RowColumnEventArgs bereit, das die Indexnummer der Spalte für die Kopfzeile, auf die doppelt geklickt wurde, und andere Informationen bereitstellt.

Doppelklicken Sie auf Zeilenkopf

Der Ereignishandler für das RowDoubleClick-Ereignis stellt ein Argument vom Typ RowColumnEventArgs bereit, das die Indexnummer der Zeile für die Kopfzeile bereitstellt, auf die doppelt geklickt wurde, sowie andere zugehörige Informationen.

Festlegen des Stils oder Erscheinungsbilds von Aspose.Cells.GridWeb

Aspose.Cells.GridWeb hat sein eigenes Standard-Look & Feel, es ist jedoch möglich, sein Erscheinungsbild zu ändern. Aspose.Cells.GridWeb bietet mehrere Eigenschaften, mit denen Entwickler das Erscheinungsbild vollständig steuern können. In diesem Thema werden einige dieser Eigenschaften erläutert.

Festlegen des Stils oder Erscheinungsbilds von Aspose.Cells.GridWeb

Voreingestellte Stile

Um Entwicklern den Aufwand zu ersparen, bietet Aspose.Cells.GridWeb einige voreingestellte Stile. Wählen Sie einfach einen Stil aus der Liste aus, um den Stil anzuwenden.

Stile	Farbschema
Standard	Silber
Bunt1	Rose
Bunt2	Blau
Professionell1	Cyan
Professionell2	Wieder Cyan
Traditionell1	Dunkel
Traditionell2	Grau
Brauch	Maßgeschneidert
Wenn ein bestimmter Stil ausgewählt wird, ändert sich das gesamte Erscheinungsbild des GridWeb-Steuerelements. Entwickler können mithilfe der flexiblen API von Aspose.Cells.GridWeb einen voreingestellten Stil auswählen, der zur Laufzeit angewendet werden soll.

Das GridWeb-Steuerelement stellt die PresetStyle-Eigenschaft bereit, der Entwickler jeden gewünschten voreingestellten Stil zuweisen können.

Die Ausgabe des folgenden Codeausschnitts wird unten angezeigt.

GridWeb-Steuerelement mit darauf angewendetem Colourful1-Stil

todo:image_alt_text

Kopfzeilenstil

Wenn Sie einen Blick auf das GridWeb-Steuerelement werfen, werden Sie zwei Kopfzeilen bemerken. Eine für Spalten (also A, B, C, D usw.) und eine für Zeilen (also 1, 2, 3, 4 usw.). Aspose.Cells.GridWeb ermöglicht Entwicklern, das Erscheinungsbild dieser Kopfleisten zu steuern. Entwickler können den Stil der Kopfzeilen zur Laufzeit festlegen.

Das GridWeb-Steuerelement stellt die HeaderBarStyle-Eigenschaft bereit, die einen Stil auf beide Kopfzeilen des Steuerelements anwendet.

Stil der Tab-Leiste

Es ist auch möglich, den Stil der Tab-Leiste festzulegen. Bitte beachten Sie den folgenden Code

Stildatei wird geladen

Um Stileinstellungen aus einer vorhandenen Stildatei auf das GridWeb-Steuerelement anzuwenden, können Entwickler den Pfad der Stildatei auf die CustomStyleFileName-Eigenschaft des Steuerelements festlegen. Zuvor muss jedoch die PresetStyle-Eigenschaft des Steuerelements auf „Custom“ gesetzt werden. Dies liegt daran, dass diese Stildatei benutzerdefinierte Stilinformationen enthält, die bereits von einem Entwickler definiert wurden.

Bitte sehen Sie sich das folgende Bild an, das GridWeb mit dem darauf angewendeten benutzerdefinierten Stil zeigt.

todo:image_alt_text

WICHTIG: Das Laden einer Stildatei in das GridWeb-Steuerelement hat keinen Einfluss auf die Formatierungseinstellungen der Zellen des Steuerelements.

Beispiel einer benutzerdefinierten Stilvorlage

Hier ist die Beispielvorlage für einen benutzerdefinierten Stil. Sie können es entsprechend Ihren Anforderungen ändern.

 <aspose.excel.web.viewerStyletemplate runat="server" HeaderBarWidth="30pt" ScrollBarBaseColor="#AFEEEE" SelectCellBgColor="#FFFAF0" ActiveHeaderBgColor="#DAA520" ActiveCellBgColor="#DDDDFF" FrameTableStyle-BorderStyle="Solid" FrameTableStyle-LeftBorderStyle-BorderWidth="" FrameTableStyle-LeftBorderStyle-BorderColor="" FrameTableStyle-LayoutFixed="Fixed" FrameTableStyle-RightBorderStyle-BorderWidth="" FrameTableStyle-RightBorderStyle-BorderColor="" FrameTableStyle-BorderWidth="1px" FrameTableStyle-CellSpacing="0" FrameTableStyle-BorderColor="#C0FFC0" FrameTableStyle-CellPadding="0" FrameTableStyle-TopBorderStyle-BorderWidth="" FrameTableStyle-TopBorderStyle-BorderColor="" FrameTableStyle-BackColor="#FFFFCC" FrameTableStyle-BottomBorderStyle-BorderWidth="" FrameTableStyle-BottomBorderStyle-BorderColor="" HeaderBarStyle-LeftBorderStyle-BorderWidth="" HeaderBarStyle-LeftBorderStyle-BorderColor="" HeaderBarStyle-verticalalign="Middle" HeaderBarStyle-RightBorderStyle-BorderWidth="" HeaderBarStyle-RightBorderStyle-BorderColor="" HeaderBarStyle-BorderWidth="1px" HeaderBarStyle-font-size="10pt" HeaderBarStyle-BorderColor="#00C0C0" HeaderBarStyle-BorderStyle="Solid" HeaderBarStyle-horizontalalign="Center" HeaderBarStyle-ForeColor="Red" HeaderBarStyle-TopBorderStyle-BorderWidth="" HeaderBarStyle-TopBorderStyle-BorderColor="" HeaderBarStyle-BackColor="#D8BFD8" HeaderBarStyle-BottomBorderStyle-BorderWidth="" HeaderBarStyle-BottomBorderStyle-BorderColor="" ViewTableStyle-LeftBorderStyle-BorderWidth="" ViewTableStyle-LeftBorderStyle-BorderColor="" ViewTableStyle-LayoutFixed="Fixed" ViewTableStyle-RightBorderStyle-BorderWidth="" ViewTableStyle-RightBorderStyle-BorderColor="" ViewTableStyle-BorderWidth="0px" ViewTableStyle-CellSpacing="0" ViewTableStyle-CellPadding="0" ViewTableStyle-TopBorderStyle-BorderWidth="" ViewTableStyle-TopBorderStyle-BorderColor="" ViewTableStyle-BottomBorderStyle-BorderWidth="" ViewTableStyle-BottomBorderStyle-BorderColor="" BottomTableStyle-LeftBorderStyle-BorderWidth="" BottomTableStyle-LeftBorderStyle-BorderColor="" BottomTableStyle-LayoutFixed="Fixed" BottomTableStyle-RightBorderStyle-BorderWidth="" BottomTableStyle-RightBorderStyle-BorderColor="" BottomTableStyle-Height="32pt" BottomTableStyle-BorderWidth="0px" BottomTableStyle-CellSpacing="0" BottomTableStyle-BorderColor="#80FF80" BottomTableStyle-CellPadding="0" BottomTableStyle-ForeColor="#FFE0C0" BottomTableStyle-TopBorderStyle-BorderStyle="Solid" BottomTableStyle-TopBorderStyle-BorderWidth="1px" BottomTableStyle-TopBorderStyle-BorderColor="#FF69B4" BottomTableStyle-BottomBorderStyle-BorderWidth="" BottomTableStyle-BottomBorderStyle-BorderColor="" HeaderBarHeight="15pt" ActiveTabStyle-LeftBorderStyle-BorderWidth="" ActiveTabStyle-LeftBorderStyle-BorderColor="" ActiveTabStyle-RightBorderStyle-BorderWidth="" ActiveTabStyle-RightBorderStyle-BorderColor="" ActiveTabStyle-Height="15pt" ActiveTabStyle-BorderWidth="1px" ActiveTabStyle-font-size="10pt" ActiveTabStyle-BorderColor="#00C0C0" ActiveTabStyle-BorderStyle="Solid" ActiveTabStyle-ForeColor="#FF00FF" ActiveTabStyle-TopBorderStyle-BorderWidth="" ActiveTabStyle-TopBorderStyle-BorderColor="" ActiveTabStyle-BackColor="#80FFFF" ActiveTabStyle-BottomBorderStyle-BorderWidth="" ActiveTabStyle-BottomBorderStyle-BorderColor="" HeaderBarTableStyle-LeftBorderStyle-BorderWidth="" HeaderBarTableStyle-LeftBorderStyle-BorderColor="" HeaderBarTableStyle-LayoutFixed="Fixed" HeaderBarTableStyle-RightBorderStyle-BorderWidth="" HeaderBarTableStyle-RightBorderStyle-BorderColor="" HeaderBarTableStyle-BorderWidth="0px" HeaderBarTableStyle-CellSpacing="0" HeaderBarTableStyle-CellPadding="0" HeaderBarTableStyle-TopBorderStyle-BorderWidth="" HeaderBarTableStyle-TopBorderStyle-BorderColor="" HeaderBarTableStyle-BackColor="#C0FFC0" HeaderBarTableStyle-BottomBorderStyle-BorderWidth="" HeaderBarTableStyle-BottomBorderStyle-BorderColor="" DefaultGridLineColor="#228B22" TabStyle-LeftBorderStyle-BorderWidth="" TabStyle-LeftBorderStyle-BorderColor="" TabStyle-RightBorderStyle-BorderWidth="" TabStyle-RightBorderStyle-BorderColor="" TabStyle-Height="15pt" TabStyle-BorderWidth="1px" TabStyle-font-size="8pt" TabStyle-BorderColor="#8080FF" TabStyle-BorderStyle="Groove" TabStyle-ForeColor="#FFFFCC" TabStyle-TopBorderStyle-BorderWidth="" TabStyle-TopBorderStyle-BorderColor="" TabStyle-BackColor="#C0C0FF" TabStyle-BottomBorderStyle-BorderWidth="" TabStyle-BottomBorderStyle-BorderColor="" scrollbararrowColor="#778899"/>

Erstellen eines Steuerelements in einem Webformular

In diesem Artikel erfahren Sie, wie Sie ein einfaches Webformular-JSP (Java-Serverseite) mit GridWeb-Steuerung erstellen.

Schritt 1 – Verzeichnisstruktur erstellen

Sie müssen die folgende Verzeichnisstruktur im erstellenWebappsVerzeichnis des Tomcat-Servers

todo:image_alt_text

Dies sind die Verzeichnisse und Dateien, die Sie erstellen müssen. Bitte lesen Sie die Kommentare und folgen Sie ihnen. Sie können die neuesten Aspose.Cells.GridWeb for Java-Release-Archive von erhaltendieser Link.

 SamplePageGridWebJava

SamplePageGridWebJava\grid

//Get acwclient directory from GridWeb latest release archive from Downloads section

SamplePageGridWebJava\acwclient

SamplePageGridWebJava\WEB-INF

SamplePageGridWebJava\WEB-INF\lib

//Get aspose-gridweb-x.x.x.jar file from GridWeb latest release archive from Downloads section

SamplePageGridWebJava\WEB-INF\aspose-gridweb-x.x.x.jar

SamplePageGridWebJava\WEB-INF\web.xml

SamplePageGridWebJava\head.jsp

//Create this excel file using Microsoft Excel or you can use any excel file and rename it SampleExcel.xlsx

SamplePageGridWebJava\SampleExcel.xlsx

SamplePageGridWebJava\SamplePage.jsp

Schritt 2 – Codes in erstellte Dateien hinzufügen

Dieser Abschnitt zeigt den Code für verschiedene Dateien, die in der obigen Verzeichnisstruktur erstellt wurden. Bitte besorgen Sie sich diese Codes und fügen Sie sie Ihren Dateien hinzu, indem Sie sie im Editor öffnen und kopieren/einfügen.

Web.xml

 <?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">

  <display-name>testGridWeb</display-name>

  <welcome-file-list>

    <welcome-file>SamplePage.jsp</welcome-file>

  </welcome-file-list>

  <servlet>

    <display-name>GridWebServlet</display-name>

    <servlet-name>GridWebServlet</servlet-name>

    <servlet-class>com.aspose.gridweb.GridWebServlet</servlet-class>

  </servlet>

  <servlet-mapping>

    <servlet-name>GridWebServlet</servlet-name>

    <url-pattern>/GridWebServlet</url-pattern>

  </servlet-mapping>

</web-app>

head.jsp

 <%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"/>

<base href="<%=basePath%>">

<script type="text/javascript" language="javascript"

	src="grid/acw_client/acwmain.js"></script>

<script type="text/javascript" language="javascript"

	src="grid/acw_client/lang_en.js"></script>

<link href="grid/acw_client/menu.css" rel="stylesheet" type="text/css" />

<style>

span.acwxc {

	overflow: hidden;

	border: none;

	display: block;

	white-space: pre;

}

</style>

<style>

span.rotation90 {

	width: 100%;

	height: 100%;

	border: none;

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3 );

	display: block

}

</style>

<style>

span.rotation-90 {

	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1 );

	width: 100%;

	height: 100%;

	border: none;

	-webkit-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	display: block

}

</style>

<style>

span.wrap {

	white-space: pre-wrap;

	white-space: -moz-pre-wrap;

	white-space: -pre-wrap;

	white-space: -o-pre-wrap;

	word-wrap: break-word;

	-ms-word-break: break-all;

}

</style>

SamplePage.jsp

Schritt 3 – Ausführen Ihrer Beispiel-JSP-Webseite

Jetzt haben Sie alles erledigt. Es ist Zeit, die Webseite auszuführen. Bitte starten Sie Ihren Tomcat-Server und fügen Sie dann die folgende URL in den Webbrowser ein.

 http://localhost:8080/SamplePageGridWebJava/SamplePage.jsp

Sie sehen etwa den folgenden Screenshot. Herzlichen Glückwunsch, Sie haben das GridWeb-Steuerelement erfolgreich auf Ihrer JSP-Seite verwendet.

todo:image_alt_text

Drucken von GridWeb

Es gibt Zeiten, in denen Entwickler den von einer Webseite eingebundenen GridWeb-Inhalt ausdrucken müssen, ohne eine Microsoft Excel-Datei zu speichern. Das Aspose.Cells.GridWeb-Steuerelement unterstützt diese Funktion.

Drucken von GridWeb

Um zu drucken, ohne eine separate Datei zu speichern, rufen Sie clientseitig die print()-Methode der GridWeb-Klasse auf, um das Raster zu drucken. Sie können auch eine passende Veranstaltung auswählen.

Da Sie es von der Clientseite aus aufrufen, müssen Sie zunächst die Gridweb-Client-ID abrufen. Sie können die Client-ID mit der Methode „gridweb.getClientID()“ abrufen.

Clientseitiger Beispielcode

Bitte sehen Sie sich den folgenden Link an, der die Methode „gridweb.print()“ von der Clientseite aus aufruft.

HTML

 <a href="#" onclick='<%=gridweb.getClientID()%>.print(); '>Print Function of GridWeb</a>

Einführung in verschiedene Rastermodi

In diesem Artikel werden die verschiedenen Modi von Aspose.Cells.GridWeb beschrieben. Diese Modi werden aufgrund ihrer unterschiedlichen Merkmale und Verhaltensweisen logisch unterschieden. Wir haben verschiedene Arten von Modi identifiziert:

Bearbeitungsmodus
Ansichtsmodus

Alle diese Modi haben ihre eigenen Eigenschaften. Entwickler können je nach Bedarf in jedem Modus mit Aspose.Cells.GridWeb arbeiten. Wir werden uns jeden Modus unten ansehen.

Bearbeitungsmodus

Standardmäßig befindet sich das Aspose.Cells.GridWeb-Steuerelement im Bearbeitungsmodus. Im Bearbeitungsmodus können Sie den Rasterinhalt mithilfe aller vom Aspose.Cells.GridWeb-Steuerelement angebotenen Funktionen vollständig bearbeiten oder ändern. Zu diesen Funktionen gehören:

Speichern des Rasterinhalts in Microsoft Excel-Dateien.
Übermittlung von Daten an einen Server.
Formeln berechnen.
Vorherige Aktionen rückgängig machen oder verwerfen.
Verwalten von Zeilen und Spalten.
Ausschneiden, Kopieren oder Einfügen von Daten.
Formatieren von Zellen usw.

GridWeb-Steuerelement im Bearbeitungsmodus

todo:image_alt_text

Entwickler können auch programmgesteuert in den Bearbeitungsmodus wechseln, indem sie die EditMode-Eigenschaft des GridWeb-Steuerelements auf true setzen.

Codebeispiel

Ansichtsmodus

Wenn sich das GridWeb-Steuerelement im Ansichtsmodus befindet, können Benutzer den Rasterinhalt nicht bearbeiten oder ändern, was bedeutet, dass Benutzer den Rasterinhalt nur anzeigen können. Aus diesem Grund wird dieser Modus Ansichtsmodus genannt. Im Ansichtsmodus sind einige Schaltflächen („Senden“,Speichern UndRückgängig machen) werden ausgeblendet und das beim Rechtsklick erscheinende Menü enthält nur das Kopieren UndFinden Möglichkeit.

GridWeb-Steuerelement im Ansichtsmodus

todo:image_alt_text

Wenn Entwickler möchten, dass ihre Benutzer nur Daten anzeigen, können sie programmgesteuert in den Ansichtsmodus wechseln, indem sie die EditMode-Eigenschaft des GridWeb-Steuerelements auf false* setzen.

Codebeispiel

Auch im Ansichtsmodus können Benutzer die Höhe und Breite von Zeilen und Spalten ändern.

Einführung von GridWeb Arbeiten mit Arbeitsblättern GridWeb