{"id":55001162,"date":"2018-12-01T00:00:00","date_gmt":"2020-05-13T21:13:01","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=1162"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"HTMLKreuztabelle_2_Werte_bearbeiten","status":"publish","type":"post","link":"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/","title":{"rendered":"HTML-Kreuztabelle 2: Werte bearbeiten"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/vg06.met.vgwort.de\/na\/91c6ce59eae840c9a745877e302e58ac\" width=\"1\" height=\"1\" alt=\"\"><\/p>\n<p><b>Im Beitrag &#8222;Kreuztabelle per HTML&#8220; haben wir gezeigt, wie Sie die Daten einer Tabelle in Form einer Kreuztabelle ausgeben k&ouml;nnen. Das ist nat&uuml;rlich auch per Kreuztabellenabfrage m&ouml;glich, aber wir haben in diesem Fall das Webbrowser-Steuerelement mit einer entsprechenden HTML-Seite verwendet. Der Hintergrund ist, dass wir so Funktionen zum direkten Bearbeiten der Eintr&auml;ge hinzuf&uuml;gen k&ouml;nnen &#8211; vorausgesetzt, dass die Kreuztabelle nur die Werte einer Kombination anzeigt und nicht etwa Dom&auml;nenfunktionen wie Summen oder Mittelwerte. Wir wollen also die bereits vorhandene Darstellung noch um Funktionen zum Bearbeiten sowie zum Hinzuf&uuml;gen neuer Spalten oder Zeilen erweitern.<\/b><\/p>\n<p>Ausgangspunkt ist die im bereits genannten Beitrag <b>HTML-Kreuztabelle 1: Basics <\/b>(<b>www.access-im-unternehmen.de\/1161<\/b>) genannte Ansicht aus Bild 1. Hier wollen wir nun folgende Erweiterungen hinzuf&uuml;gen:<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2018_06\/pic_1162_011.png\" alt=\"Diese Ansicht soll um Bearbeitungsfunktionen erweitert werden.\" width=\"424,7115\" height=\"171,0248\"\/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 1: Diese Ansicht soll um Bearbeitungsfunktionen erweitert werden.<\/span><\/b><\/p>\n<ul>\n<li>Wenn der Benutzer auf einen der Eintr&auml;ge f&uuml;r die Zahlenwerte klickt, soll er den angezeigten Wert bearbeiten k&ouml;nnen. Das Verlassen der Zelle soll den Wert in der zugrunde liegenden Tabelle speichern.<\/li>\n<li>In der oberen Zeile mit den Spaltenk&ouml;pfen wollen wir rechts ein Plus-Zeichen anzeigen, mit dem der Benutzer eine neue Spalte hinzuf&uuml;gen kann.<\/li>\n<li>In der linken Zeile mit den Zeilenk&ouml;pfen wollen wir unten ebenfalls ein Plus-Zeichen unterbringen, das per Mausklick die M&ouml;glichkeit zum Anlegen einer neuen Zeile erm&ouml;glicht.<\/li>\n<li>Die leeren Zellen wollen wir auf irgendeine Weise anklickbar machen, damit der Benutzer dort auch Werte eintragen kann.<\/li>\n<li>Ein Doppelklick auf einen der Werte soll den entsprechenden Datensatz der Tabelle <b>tblMaterialpreise <\/b>in einem eigenen Formular &ouml;ffnen.<\/li>\n<\/ul>\n<h2>Tabellenelemente mit ID und der Eigenschaft contentEditable versehen<\/h2>\n<p>Um die erste Aufgabe zu erf&uuml;llen, m&uuml;ssen wir die unter den Spalten&uuml;berschriften und rechts von den Zeilen&uuml;berschriften befindlichen Zellen, die bereits Werte anzeigen, mit eindeutigen Markierungen versehen. Da jeder Datensatz einen Wert der Tabelle <b>tblMaterialpreise <\/b>repr&auml;sentiert, k&ouml;nnen wir hier mit dem Prim&auml;rschl&uuml;sselwert der entsprechenden Datens&auml;tze arbeiten. Dieser landet dann in Form des Attributs <b>id <\/b>in einem <b>div<\/b>-Element, welches im <b>td<\/b>-Element steckt und den eigentlichen Zahlenwert einschlie&szlig;t. Au&szlig;erdem wollen wir hier die Grundlage f&uuml;r die Bearbeitbarkeit der Elemente legen, indem wir f&uuml;r das gleiche <b>div<\/b>-Element das Attribut <b>contentEditable <\/b>auf den Wert <b>true <\/b>einstellen:<\/p>\n<pre>&lt;table&gt;\r\n   &lt;tbody&gt;\r\n     &lt;tr&gt;\r\n       &lt;td class=\"columnHeader rowHeader\"&gt;&lt;\/td&gt;\r\n       &lt;td class=\"columnHeader\"&gt;700&lt;\/td&gt;\r\n       &lt;td class=\"columnHeader\"&gt;800&lt;\/td&gt;\r\n       ...\r\n     &lt;\/tr&gt;\r\n     &lt;tr&gt;\r\n       &lt;td class=\"rowHeader\"&gt;800&lt;\/td&gt;\r\n       &lt;td&gt;\r\n          &lt;div id=\"10\" contenteditable=\"true\"&gt;12&lt;\/div&gt;\r\n       &lt;\/td&gt;\r\n       &lt;td&gt;\r\n          &lt;div id=\"7\" contenteditable=\"true\"&gt;64&lt;\/div&gt;\r\n       &lt;\/td&gt;\r\n       &lt;td&gt;\r\n          &lt;div id=\"6\" contenteditable=\"true\"&gt;72&lt;\/div&gt;\r\n       &lt;\/td&gt;\r\n       ...\r\n     &lt;\/tr&gt;\r\n     ...\r\n   &lt;\/tbody&gt;\r\n&lt;\/table&gt;<\/pre>\n<p>Diese &auml;nderungen erreichen wir leicht, indem wir die Prozedur <b>KreuztabelleErstellen<\/b>, welche das HTML-Dokument aus <b>objDocument <\/b>mit dem HTML-Inhalt f&uuml;llt. Allerdings f&uuml;hren wir gleich noch ein paar weitere Schritte durch, welche die Funktion zum Bearbeiten der Inhalte vervollst&auml;ndigen.<\/p>\n<h2>&auml;nderung der Prozedur KreuztabelleErstellen<\/h2>\n<p>Die neue Version der Prozedur <b>KreuztabellenErstellen<\/b> finden Sie in Listing 1.<\/p>\n<pre><span style=\"color:blue;\">Private Sub <\/span>KreuztabelleErstellen()\r\n     ...\r\n     <span style=\"color:blue;\">Dim <\/span>objDivWrapper<span style=\"color:blue;\"> As <\/span>clsDivWrapper\r\n     <span style=\"color:blue;\">Dim <\/span>objDiv<span style=\"color:blue;\"> As <\/span>MSHTML.HTMLDivElement\r\n     <span style=\"color:blue;\">Set<\/span> colDivs = <span style=\"color:blue;\">New<\/span> Collection\r\n     ...\r\n     <span style=\"color:blue;\">Set<\/span> rstZeilen = db.OpenRecordset(\"SELECT DISTINCT Breite FROM tblMaterialpreise ORDER BY Breite\", dbOpenDynaset)\r\n     <span style=\"color:blue;\">Do While<\/span> <span style=\"color:blue;\">Not<\/span> rstZeilen.EOF\r\n         <span style=\"color:blue;\">Set<\/span> objRow = objTable.insertRow\r\n         rstSpaltenkoepfe.MoveFirst\r\n         <span style=\"color:blue;\">Set<\/span> objCell = objRow.insertCell\r\n         objCell.innerText = rstZeilen!Breite\r\n         objCell.className = \"rowHeader\"\r\n         <span style=\"color:blue;\">Set<\/span> rstWerte = db.OpenRecordset(\"SELECT MaterialpreisID, Preis, Hoehe FROM tblMaterialpreise WHERE Breite = \" _\r\n             & rstZeilen!Breite & \" ORDER BY Hoehe\", dbOpenDynaset)\r\n         <span style=\"color:blue;\">Do While<\/span> <span style=\"color:blue;\">Not<\/span> rstWerte.EOF\r\n             <span style=\"color:blue;\">If <\/span>rstSpaltenkoepfe!Hoehe = rstWerte!Hoehe<span style=\"color:blue;\"> Then<\/span>\r\n                 <span style=\"color:blue;\">Set<\/span> objCell = objRow.insertCell\r\n                 <span style=\"color:blue;\">Set<\/span> objDiv = objDocument.createElement(\"Div\")\r\n                 objDiv.id = rstWerte!MaterialpreisID\r\n                 objDiv.contentEditable = \"true\"\r\n                 objCell.appendChild objDiv\r\n                 objDiv.innerText = rstWerte!Preis\r\n                 <span style=\"color:blue;\">Set<\/span> objDivWrapper = <span style=\"color:blue;\">New<\/span> clsDivWrapper\r\n                 <span style=\"color:blue;\">Set<\/span> objDivWrapper.Div = objDiv\r\n                 colDivs.Add objDivWrapper\r\n                 rstWerte.Move<span style=\"color:blue;\">Next<\/span>\r\n             <span style=\"color:blue;\">Else<\/span>\r\n                 <span style=\"color:blue;\">Set<\/span> objCell = objRow.insertCell\r\n             <span style=\"color:blue;\">End If<\/span>\r\n             rstSpaltenkoepfe.Move<span style=\"color:blue;\">Next<\/span>\r\n         <span style=\"color:blue;\">Loop<\/span>\r\n         rstZeilen.Move<span style=\"color:blue;\">Next<\/span>\r\n     <span style=\"color:blue;\">Loop<\/span>\r\n<span style=\"color:blue;\">End Sub<\/span><\/pre>\n<p><b><span style=\"color:darkgrey;\">Listing 1: Ausschnitt aus der Prozedur KreuztabelleErstellen<\/span><\/b><\/p>\n<p>Hier verwenden wir ein <b>Collection<\/b>-Objekt, das wir im allgemeinen Teil des Klassenmoduls des Formulars deklarieren wollen:<\/p>\n<pre><span style=\"color:blue;\">Dim <\/span>colDivs<span style=\"color:blue;\"> As <\/span>Collection<\/pre>\n<p>Die Prozedur <b>Kreuztabellen <\/b>deklariert dann auch ein paar neue Elemente. Das erste ist ein Objekt des Typs <b>clsDivWrapper<\/b>. Was das ist, erl&auml;utern wir gleich weiter unten:<\/p>\n<pre><span style=\"color:blue;\">Dim <\/span>objDivWrapper<span style=\"color:blue;\"> As <\/span>clsDivWrapper<\/pre>\n<p>Au&szlig;erdem deklarieren wir eine Variable des Typs <b>HTML-Div-Element <\/b>namens <b>objDiv<\/b>:<\/p>\n<pre><span style=\"color:blue;\">Dim <\/span>objDiv<span style=\"color:blue;\"> As <\/span>MSHTML.HTMLDivElement<\/pre>\n<p>Damit das <b>Collection<\/b>-Objekt einsatzbereit ist, f&uuml;llen wir es mit einer neuen Collection:<\/p>\n<pre><span style=\"color:blue;\">Set<\/span> colDivs = <span style=\"color:blue;\">New<\/span> Collection<\/pre>\n<p>Die folgenden Abschnitte sind unver&auml;ndert, daher haben wir sie im Listing nicht abgebildet. Die Magie bereiten wir in der inneren der beiden verschachtelten <b>Do While<\/b>-Schleifen vor. Hier erstellen wir mit der <b>createElement<\/b>-Methode von <b>objDocument <\/b>zun&auml;chst ein neues Objekt des Typs <b>HTMLDivElement <\/b>und referenzieren es mit der Variablen <b>objDiv<\/b>. Dann stellen wir dessen Attribut <b>id <\/b>auf den Prim&auml;rschl&uuml;sselwert des aktuellen Datensatzes des Recordsets <b>rstWerte <\/b>ein sowie das Attribut <b>contentEditable <\/b>auf den Wert <b>true<\/b>.<\/p>\n<p>Au&szlig;erdem h&auml;ngen wir das frisch erstellte Element mit der <b>appendChild<\/b>-Methode an das Objekt <b>objDiv <\/b>an.<\/p>\n<pre><span style=\"color:blue;\">Set<\/span> objDiv = objDocument.createElement(\"Div\")\r\nobjDiv.id = rstWerte!MaterialpreisID\r\nobjDiv.contentEditable = \"true\"\r\nobjCell.appendChild objDiv<\/pre>\n<p>Was dann geschieht, erkl&auml;rt sich erst sp&auml;ter vollst&auml;ndig, wenn wir die Klasse <b>clsDivWrapper <\/b>erl&auml;utern, die einen Gro&szlig;teil der Arbeit erledigt: Wir erstellen ein neues Objekt auf Basis der Klasse <b>clsDivWrapper <\/b>und weisen dessen Eigenschaft <b>Div<\/b> das <b>HTMLDivElement<\/b>-Objekt aus <b>objDiv <\/b>zu. Danach h&auml;ngen wir das Objekt <b>objDivWrapper <\/b>an die Auflistung <b>colDivs <\/b>an:<\/p>\n<pre>objDiv.innerText = rstWerte!Preis\r\n<span style=\"color:blue;\">Set<\/span> objDivWrapper = <span style=\"color:blue;\">New<\/span> clsDivWrapper\r\n<span style=\"color:blue;\">Set<\/span> objDivWrapper.Div = objDiv\r\ncolDivs.Add objDivWrapper<\/pre>\n<p>Damit kommen wir zum Inhalt und der Funktion der Klasse <b>clsDivWrapper<\/b>.<\/p>\n<p>In der Prozedur <b>KreuztabelleErstellen <\/b>haben wir die Vorbereitung erschaffen und zu jedem <b>Div<\/b>-Element mit einem Wert des Feldes <b>Preis <\/b>der Tabelle <b>tblMaterialpreise <\/b>eine Instanz der Klasse <b>clsDivWrapper <\/b>erstellt und diese in der global deklarierten Variablen <b>colDivs <\/b>gespeichert. Diese Klasse nun soll die fehlende Aufgabe &uuml;bernehmen, n&auml;mlich das Speichern ge&auml;nderter Werte in der Kreuztabelle.<\/p>\n<p>Dazu legen Sie ein neues Klassenmodul namens <b>clsDivWrapper <\/b>an, dem Sie zun&auml;chst zwei Deklarationen hinzuf&uuml;gen:<\/p>\n<pre><span style=\"color:blue;\">Private <\/span>WithEvents m_Div<span style=\"color:blue;\"> As <\/span>MSHTML.HTMLDivElement\r\n<span style=\"color:blue;\">Private <\/span>strText<span style=\"color:blue;\"> As String<\/span><\/pre>\n<p>Die Variable <b>strText <\/b>soll den aktuell in der Zelle der Kreuztabelle befindlichen Text speichern, die Variable <b>m_Div <\/b>nimmt den von der Prozedur <b>KreuztabelleErstellen <\/b>&uuml;bergebenen Verweis auf das Objekt des Typs <b>HTMLDivElement <\/b>auf. Die Deklaration haben wir um das Schl&uuml;sselwort <b>WithEvents <\/b>erg&auml;nzt, da wir f&uuml;r dieses Objekt ein oder mehrere Ereignisprozeduren implementieren wollen.<\/p>\n<p>Damit wir der Klasse wie in der <b>KreuztabelleErstellen <\/b>programmiert den Verweis auf <b>objDiv <\/b>&uuml;bergeben k&ouml;nnen, definieren wir eine <b>Property Set<\/b>-Prozedur, die wie folgt aussieht:<\/p>\n<pre><span style=\"color:blue;\">Public Property <span style=\"color:blue;\">Set<\/span> <\/span>Div(Div<span style=\"color:blue;\"> As <\/span>MSHTML.HTMLDivElement)\r\n     <span style=\"color:blue;\">Set<\/span> m_Div = Div\r\n<span style=\"color:blue;\">End Property<\/span><\/pre>\n<p>Nun m&uuml;ssen wir aus den verschiedenen Ereignissen, die f&uuml;r das Element <b>m_Div <\/b>zur Verf&uuml;gung stehen, die f&uuml;r uns interessanten herausfinden.<\/p>\n<p><!--30percent--><\/p>\n<p>Die Ereignisse finden Sie, wenn Sie im linken Kombinationsfeld des Klassenmoduls den Eintrag <b>m_Div <\/b>ausw&auml;hlen und dann das rechte Kombinationsfeld &ouml;ffnen (siehe Bild 2).<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2018_06\/pic_1162_002.png\" alt=\"Implementieren der Ereignisse f&uuml;r m_Div\" width=\"599,593\" height=\"491,3596\" \/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 2: Implementieren der Ereignisse f&uuml;r m_Div<\/span><\/b><\/p>\n<p>Wir entscheiden uns f&uuml;r die folgenden beiden Ereignisse:<\/p>\n<ul>\n<li><b>onkeyup<\/b>: Dieses Ereignis wird ausgel&ouml;st, wenn der Benutzer eine Taste der Tastatur losl&auml;sst, also soeben ein Zeichen eingegeben oder gel&ouml;scht hat.<\/li>\n<li><b>onfocusout<\/b>: Dieses Ereignis wird ausgel&ouml;st, wenn das <b>div<\/b>-Element den Fokus verliert.<\/li>\n<\/ul>\n<p>Das Ereignis <b>onkeyup <\/b>nutzen wir, um nach der Eingabe eines jeden Zeichens den aktuellen Inhalt des <b>div<\/b>-Elements, den wir &uuml;ber die Eigenschaft <b>textContent <\/b>ermitteln, in die Variable <b>strText <\/b>schreiben:<\/p>\n<pre><span style=\"color:blue;\">Private Sub <\/span>m_Div_onkeyup()\r\n     strText = m_Div.textContent\r\n<span style=\"color:blue;\">End Sub<\/span><\/pre>\n<p>Das Ereignis <b>onfocusout <\/b>soll nach dem Verlassen des Feldes den aktuellen Inhalt in den entsprechenden Datensatz der Tabelle <b>tblMaterialpreise <\/b>eintragen.<\/p>\n<p>Den aktuellen Inhalt k&ouml;nnen wir nun der Variablen <b>strText<\/b> entnehmen, allerdings m&uuml;ssen wir vor dem &auml;ndern des Datensatzes nat&uuml;rlich pr&uuml;fen, ob der Wert auch tats&auml;chlich ge&auml;ndert wurde. Nur in diesem Fall enth&auml;lt <b>strText <\/b>n&auml;mlich einen Inhalt &#8211; anderenfalls ist es leer:<\/p>\n<pre><span style=\"color:blue;\">Private Sub <\/span>m_Div_onfocusout()\r\n     <span style=\"color:blue;\">Dim <\/span>db<span style=\"color:blue;\"> As <\/span>DAO.Database\r\n     <span style=\"color:blue;\">Set<\/span> db = CurrentDb\r\n     <span style=\"color:blue;\">If <\/span><span style=\"color:blue;\">Len<\/span>(strText) &gt; 0<span style=\"color:blue;\"> Then<\/span>\r\n         db.Execute \"UPDATE tblMaterialpreise SET Preis  = \" & strText & \" WHERE MaterialpreisID = \"  & m_Div.id, dbFailOnError\r\n     <span style=\"color:blue;\">End If<\/span>\r\n<span style=\"color:blue;\">End Sub<\/span><\/pre>\n<p>Mit den aktuellen Einstellungen k&ouml;nnen Sie nun nach dem erneuten &ouml;ffnen des Formulars die Werte der vorhandenen Datens&auml;tze &auml;ndern (siehe Bild 3).<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2018_06\/pic_1162_003.png\" alt=\"&auml;nderungen an den Daten werden direkt in die Tabelle geschrieben\" width=\"499,6607\" height=\"460,9606\" \/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 3: &auml;nderungen an den Daten werden direkt in die Tabelle geschrieben<\/span><\/b><\/p>\n<h2>Fehlende Datens&auml;tze anlegen<\/h2>\n<p>Wenn es in einer Zeile\/Spalte beispielsweise nur einen Wert gibt wie im Fall der rechten, unteren Zelle mit dem Wert <b>1450<\/b>, kann der Benutzer die fehlenden Werte aktuell noch nicht durch einfaches Anklicken der leeren Felder hinzuf&uuml;gen.<\/p>\n<p>Dazu m&uuml;ssten wir bei den leeren Feldern statt eines leeren <b>tr<\/b>-Elements (<b>&lt;td&gt;&lt;\/td&gt;<\/b>) auch ein <b>div<\/b>-Element hinzuf&uuml;gen und dieses beispielsweise mit einem Minus-Zeichen als Symbol f&uuml;r den fehlenden Wert hinterlegen. Daf&uuml;r passen wir einfach den <b>Else<\/b>-Teil der <b>If&#8230;Then<\/b>-Bedingung innerhalb der inneren <b>Do While<\/b>-Schleife wie folgt an:<\/p>\n<pre><span style=\"color:blue;\">If <\/span>rstSpaltenkoepfe!Hoehe = rstWerte!Hoehe<span style=\"color:blue;\"> Then<\/span>\r\n     ...\r\n<span style=\"color:blue;\">Else<\/span>\r\n     <span style=\"color:blue;\">Set<\/span> objCell = objRow.insertCell\r\n     ''''neu f&uuml;r leere Felder\r\n     <span style=\"color:blue;\">Set<\/span> objDiv = objDocument.createElement(\"Div\")\r\n     objDiv.id = \"0\"\r\n     objDiv.contentEditable = \"true\"\r\n     objCell.appendChild objDiv\r\n     objDiv.innerText = \"-\"\r\n     <span style=\"color:blue;\">Set<\/span> objDivWrapper = <span style=\"color:blue;\">New<\/span> clsDivWrapper\r\n     objDivWrapper.Hoehe = rstSpaltenkoepfe!Hoehe\r\n     objDivWrapper.Breite = rstZeilen!Breite    \r\n     <span style=\"color:blue;\">Set<\/span> objDivWrapper.Div = objDiv\r\n     colDivs.Add objDivWrapper\r\n<span style=\"color:blue;\">End If<\/span><\/pre>\n<p>Damit sollten doch hoffentlich alle leeren Felder erfasst sein Das Ergebnis nach dem n&auml;chsten &ouml;ffnen des Formulars liefert leider ein anderes Ergebnis (siehe Bild 4). Dadurch, dass das Recordset <b>rstWerte <\/b>nur die vorhandenen Werte erfasst, was bei den letzten Werten f&uuml;r den Spaltenkopf mit der &uuml;berschrift <b>1200 <\/b>leider bei einigen Feldern nicht der Fall ist, werden hier auch keine Minus-Zeichen mehr angezeigt. Also m&uuml;ssen wir offensichtlich die Schleife ein wenig anpassen.<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2018_06\/pic_1162_004.png\" alt=\"Minus-Zeichen statt leerer Felder - leider nicht &uuml;berall\" width=\"424,7115\" height=\"187,2952\" \/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 4: Minus-Zeichen statt leerer Felder &#8211; leider nicht &uuml;berall<\/span><\/b><\/p>\n<p>Die &auml;nderung ist recht einfach: Wir durchlaufen einfach nicht mehr das Recordset <b>rstWerte<\/b>, sondern das Recordset <b>rstSpaltenkoepfe <\/b>&#8211; dieses enth&auml;lt ja einen Datensatz f&uuml;r jede Spalte.<\/p>\n<p>Bei jedem Durchlauf durchsuchen wir das Recordset <b>rstWerte <\/b>nach einem Datensatz, dessen Wert im Feld <b>Hoehe <\/b>mit dem Wert des entsprechenden Feldes des Recordsets <b>rstSpaltenkoepfe <\/b>&uuml;bereinstimmt.<\/p>\n<p>Finden wir einen solchen Datensatz, wird die Zelle mit dem Wert gef&uuml;llt, anderenfalls mit dem Minus-Zeichen. Au&szlig;erdem legen wir als <b>ID <\/b>den Wert <b>0<\/b> fest, damit wir beim Anklicken wissen, dass es sich um eine leere Zelle handelt. Schlie&szlig;lich ist noch eine weitere, wichtige &auml;nderung n&ouml;tig: Wir m&uuml;ssen der Klasse <b>clsDivWrapper <\/b>noch mitteilen, f&uuml;r welche H&ouml;he und welche Breite der neue Wert gespeichert werden muss. Dazu definieren wir in der Klasse <b>clsDivWrapper <\/b>zwei neue private Variablen sowie die beiden passenden <b>Property Let<\/b>-Prozeduren:<\/p>\n<pre><span style=\"color:blue;\">Private <\/span>m_Hoehe<span style=\"color:blue;\"> As Long<\/span>\r\n<span style=\"color:blue;\">Private <\/span>m_Breite<span style=\"color:blue;\"> As Long<\/span>\r\n<span style=\"color:blue;\">Public Property Let <\/span>Hoehe(lng<span style=\"color:blue;\"> As Long<\/span>)\r\n     m_Hoehe = lng\r\n<span style=\"color:blue;\">End Property<\/span>\r\n<span style=\"color:blue;\">Public Property Let <\/span>Breite(lng<span style=\"color:blue;\"> As Long<\/span>)\r\n     m_Breite = lng\r\n<span style=\"color:blue;\">End Property<\/span><\/pre>\n<p>Im folgenden Ausschnitt der Prozedur <b>KreuztabelleErstellen <\/b>k&ouml;nnen wir dann diese beiden Werte aus den Recordsets auslesen und in die Eigenschaften <b>Hoehe <\/b>und <b>Breite <\/b>eintragen:<\/p>\n<pre><span style=\"color:blue;\">Do While<\/span> <span style=\"color:blue;\">Not<\/span> rstSpaltenkoepfe.EOF\r\n     rstWerte.FindFirst \"Hoehe = \" & rstSpaltenkoepfe!Hoehe\r\n     <span style=\"color:blue;\">If <\/span><span style=\"color:blue;\">Not<\/span> rstWerte.NoMatch<span style=\"color:blue;\"> Then<\/span>\r\n         <span style=\"color:blue;\">Set<\/span> objCell = objRow.insertCell\r\n         <span style=\"color:blue;\">Set<\/span> objDiv = objDocument.createElement(\"Div\")\r\n         objDiv.id = rstWerte!MaterialpreisID\r\n         objDiv.contentEditable = \"true\"\r\n         objCell.appendChild objDiv\r\n         objDiv.innerText = rstWerte!Preis\r\n         <span style=\"color:blue;\">Set<\/span> objDivWrapper = <span style=\"color:blue;\">New<\/span> clsDivWrapper\r\n         <span style=\"color:blue;\">Set<\/span> objDivWrapper.Div = objDiv\r\n         colDivs.Add objDivWrapper\r\n         rstWerte.Move<span style=\"color:blue;\">Next<\/span>\r\n     <span style=\"color:blue;\">Else<\/span>\r\n         <span style=\"color:blue;\">Set<\/span> objCell = objRow.insertCell\r\n         <span style=\"color:blue;\">Set<\/span> objDiv = objDocument.createElement(\"Div\")\r\n         objDiv.id = \"0\"\r\n         objDiv.contentEditable = \"true\"\r\n         objCell.appendChild objDiv\r\n         objDiv.innerText = \"-\"\r\n         <span style=\"color:blue;\">Set<\/span> objDivWrapper = <span style=\"color:blue;\">New<\/span> clsDivWrapper\r\n         objDivWrapper.Hoehe = rstSpaltenkoepfe!Hoehe\r\n         objDivWrapper.Breite = rstZeilen!Breite\r\n         <span style=\"color:blue;\">Set<\/span> objDivWrapper.Div = objDiv\r\n         colDivs.Add objDivWrapper\r\n     <span style=\"color:blue;\">End If<\/span>\r\n     rstSpaltenkoepfe.Move<span style=\"color:blue;\">Next<\/span>\r\n<span style=\"color:blue;\">Loop<\/span><\/pre>\n<p>Beim n&auml;chsten &ouml;ffnen des Formulars erscheinen nun zumindest schon einmal Minus-Zeichen f&uuml;r alle fehlenden Werte (siehe Bild 5).<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2018_06\/pic_1162_005.png\" alt=\"Minus-Zeichen f&uuml;r alle leeren Felder\" width=\"424,7115\" height=\"167,0708\" \/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 5: Minus-Zeichen f&uuml;r alle leeren Felder<\/span><\/b><\/p>\n<p>Damit sich nun auch etwas tut, wenn der Benutzer eines der Minus-Zeichen durch einen Zahlenwert ersetzt, passen wir noch die Methode <b>m_Div_onfocusout <\/b>der Klasse <b>clsDivWrapper<\/b> an. Diese sieht anschlie&szlig;end wie in Listing 2 aus. Nach der Pr&uuml;fung, ob der Text &uuml;berhaupt einen Wert enth&auml;lt, also eine &auml;nderung stattgefunden hat, f&uuml;gen wir eine weitere <b>If&#8230;Then<\/b>-Bedingung ein.<\/p>\n<pre><span style=\"color:blue;\">Private Sub <\/span>m_Div_onfocusout()\r\n     <span style=\"color:blue;\">Dim <\/span>db<span style=\"color:blue;\"> As <\/span>DAO.Database\r\n     <span style=\"color:blue;\">Dim <\/span>lngMaterialpreisID<span style=\"color:blue;\"> As Long<\/span>\r\n     <span style=\"color:blue;\">Set<\/span> db = CurrentDb\r\n     <span style=\"color:blue;\">If <\/span><span style=\"color:blue;\">Len<\/span>(strText) &gt; 0<span style=\"color:blue;\"> Then<\/span>\r\n         <span style=\"color:blue;\">If <\/span><span style=\"color:blue;\">Not<\/span> m_Div.id = 0<span style=\"color:blue;\"> Then<\/span>\r\n             db.Execute \"UPDATE tblMaterialpreise SET Preis = \" & strText & \" WHERE MaterialpreisID = \" & m_Div.id, _\r\n                 dbFailOnError\r\n         <span style=\"color:blue;\">Else<\/span>\r\n             db.Execute \"INSERT INTO tblMaterialpreise(Preis, Hoehe, Breite) VALUES(\" & strText & \",\" & m_Hoehe _\r\n                 & \", \" & m_Breite & \")\", dbFailOnError\r\n             lngMaterialpreisID = db.OpenRecordset(\"SELECT @@IDENTITY\").Fields(0)\r\n             m_Div.id = lngMaterialpreisID\r\n         <span style=\"color:blue;\">End If<\/span>\r\n     <span style=\"color:blue;\">End If<\/span>\r\n<span style=\"color:blue;\">End Sub<\/span><\/pre>\n<p><b><span style=\"color:darkgrey;\">Listing 2: Neue Version der Prozedur m_Div_onfocusout<\/span><\/b><\/p>\n<p>Hier pr&uuml;fen wir, ob die Eigenschaft <b>ID <\/b>einen Wert ungleich <b>0 <\/b>aufweist. In diesem Fall &auml;ndern wir den Datensatz wie bisher schon erfolgt. Anderenfalls f&uuml;hren wir eine <b>INSERT INTO<\/b>-Abfrage aus, welche einen neuen Datensatz in der Tabelle <b>tblMaterialpreise <\/b>einf&uuml;gt und dabei nicht nur den Wert des Feldes <b>Preis<\/b>, sondern auch die H&ouml;he und die Breite ber&uuml;cksichtigt, welche die Prozedur <b>KreuztabelleErstellen <\/b>&uuml;ber die Eigenschaften <b>Hoehe <\/b>und <b>Breite <\/b>an die Klasse &uuml;bergeben hat.<\/p>\n<p>Ein weiterer wichtiger Schritt ist, dass wir anschlie&szlig;end ermitteln, wie der Prim&auml;rschl&uuml;sselwert des neuen Datensatzes lautet und diesen f&uuml;r das Attribut <b>id <\/b>des <b>Div<\/b>-Elements aus <b>m_Div <\/b>eintragen. Auf diese Weise kann bei einer nachfolgenden Bearbeitung direkt der richtige Datensatz ermittelt werden. W&uuml;rden wir dies nicht tun, w&uuml;rde der Wert bei <b>0 <\/b>bleiben. Wenn wir dann erneut versuchen, den Wert zu diesem Element zu bearbeiten, w&uuml;rde die <b>UPDATE<\/b>-Anweisung versuchen, einen Datensatz zu &auml;ndern, der den Prim&auml;rschl&uuml;sselwert <b>0 <\/b>hat &#8211; der ist aber nicht vorhanden.<\/p>\n<h2>Fehler nach Verlassen eines Feldes mit Minus-Zeichen<\/h2>\n<p>Wenn Sie etwa mit der Tabulator-Taste durch die Felder navigieren und dabei eines der Felder verlassen, dass mit dem Minus-Zeichen gef&uuml;llt ist, tritt ein Fehler in der Prozedur <b>m_Div_onkeyup <\/b>auf, weil <b>Len(strText) <\/b>gr&ouml;&szlig;er als <b>0 <\/b>ist und <b>m_Div.id <\/b>gleich <b>0<\/b>, wodurch der <b>Else<\/b>-Teil der inneren <b>If&#8230;Then<\/b>-Bedingung angesteuert wird.<\/p>\n<p>Beim Ausf&uuml;hren der <b>INSERT INTO<\/b>-Abfrage soll dann das Minus-Zeichen (<b>&#8211;<\/b>) f&uuml;r das W&auml;hrungsfeld <b>Preis <\/b>eingetragen werden, was den Fehler ausl&ouml;st. Warum aber wird das Ereignis &uuml;berhaupt ausgel&ouml;st, obwohl wir ja gar keinen neuen Preis eingegeben haben Nun: Wenn wir die Tabulator-Taste nutzen, ist das ja auch ein Tastendruck, der von dieser Prozedur registriert wird.<\/p>\n<p>Wir m&uuml;ssten also eine M&ouml;glichkeit finden, um zu pr&uuml;fen, ob der Benutzer tats&auml;chlich ein Zeichen eingegeben oder nur eine Taste wie die Tabulator-Taste gedr&uuml;ckt hat. Bei den entsprechenden Ereignisprozeduren von Access w&auml;re dies kein Problem, diese liefern ja eine Nummer f&uuml;r die gedr&uuml;ckte Taste per Parameter.<\/p>\n<p>Die hier verwendete Ereignisprozedur hat jedoch gar keine Parameter. Wie kommen wir dann an die gedr&uuml;ckte Taste<\/p>\n<p>Die Antwort ist: Es gelingt uns unter VBA nicht wie gew&uuml;nscht. Das ist auch kein Problem, denn es gibt immer mehrere Wege, ein Problem zu l&ouml;sen.<\/p>\n<p>In diesem Fall haben wir bisher in der Prozedur <b>m_Div_onfocusout <\/b>gepr&uuml;ft, ob <b>strText <\/b>eine Zeichenkette enth&auml;lt. Wir &auml;ndern die Strategie, die nicht funktioniert hat, indem wir in der Klasse <b>clsDivWrapper <\/b>eine neue lokale Variable namens <b>m_TextOld <\/b>einf&uuml;hren:<\/p>\n<pre><span style=\"color:blue;\">Private <\/span>m_TextOld<span style=\"color:blue;\"> As String<\/span><\/pre>\n<p>Diese k&ouml;nnen wir &uuml;ber die folgende &ouml;ffentliche <b>Property Let<\/b>-Variable f&uuml;llen:<\/p>\n<pre><span style=\"color:blue;\">Public Property Let <\/span>TextOld(str<span style=\"color:blue;\"> As String<\/span>)\r\n     m_TextOld = str\r\n<span style=\"color:blue;\">End Property<\/span><\/pre>\n<p>Diese Eigenschaft f&uuml;llen wir beim Anlegen der Klassen in der Methode <b>KreuztabelleErstellen<\/b>:<\/p>\n<pre><span style=\"color:blue;\">If <\/span><span style=\"color:blue;\">Not<\/span> rstWerte.NoMatch<span style=\"color:blue;\"> Then<\/span>\r\n     ... \r\n     objDivWrapper.TextOld = objDiv.innerText\r\n     ...\r\n<span style=\"color:blue;\">Else<\/span>\r\n     ...\r\n     objDivWrapper.TextOld = objDiv.innerText\r\n     ...\r\n<span style=\"color:blue;\">End If<\/span><\/pre>\n<p>Auf diese Weise speichern wir den initial eingetragenen Text f&uuml;r jede Zelle in der Variablen <b>m_TextOld<\/b>.<\/p>\n<p>Die Ereignisprozedur <b>m_Div_onfocusout <\/b>passen wir nun so an, dass nicht mehr gepr&uuml;ft wird, ob <b>strText <\/b>&uuml;berhaupt einen Wert enth&auml;lt, sondern ob <b>strText <\/b>sich von <b>m_TextOld <\/b>unterscheidet. Au&szlig;erdem strukturieren wir die <b>If&#8230;Then<\/b>-Bedingungen ein wenig um. In Listing 3 finden Sie auch schon den <b>Else<\/b>-Zweig vor, der f&uuml;r das L&ouml;schen eines Eintrags verantwortlich ist. Doch eins nach dem anderen:<\/p>\n<pre><span style=\"color:blue;\">Private Sub <\/span>m_Div_onfocusout()\r\n     <span style=\"color:blue;\">Dim <\/span>db<span style=\"color:blue;\"> As <\/span>DAO.Database\r\n     <span style=\"color:blue;\">Dim <\/span>lngMaterialpreisID<span style=\"color:blue;\"> As Long<\/span>\r\n     <span style=\"color:blue;\">Set<\/span> db = CurrentDb\r\n     <span style=\"color:blue;\">If <\/span><span style=\"color:blue;\">Not<\/span> (m_TextOld = strText)<span style=\"color:blue;\"> Then<\/span>\r\n         <span style=\"color:blue;\">If <\/span><span style=\"color:blue;\">Not<\/span> IsNumeric(strText) And <span style=\"color:blue;\">Not<\/span> <span style=\"color:blue;\">Len<\/span>(strText) = 0<span style=\"color:blue;\"> Then<\/span>\r\n             <span style=\"color:blue;\">MsgBox<\/span> \"Ung&uuml;ltiger Text: \" & strText\r\n             m_Div.textContent = m_TextOld\r\n             <span style=\"color:blue;\">Exit Sub<\/span>\r\n         <span style=\"color:blue;\">End If<\/span>\r\n         <span style=\"color:blue;\">If <\/span><span style=\"color:blue;\">Len<\/span>(strText) &gt; 0<span style=\"color:blue;\"> Then<\/span>\r\n             <span style=\"color:blue;\">If <\/span><span style=\"color:blue;\">Not<\/span> m_Div.id = 0<span style=\"color:blue;\"> Then<\/span>\r\n                 db.Execute \"UPDATE tblMaterialpreise SET Preis = \" & CCur(Abs(strText)) & \" WHERE MaterialpreisID = \" _\r\n                     & m_Div.id, dbFailOnError\r\n             <span style=\"color:blue;\">Else<\/span>\r\n                 db.Execute \"INSERT INTO tblMaterialpreise(Preis, Hoehe, Breite) VALUES(\" & CCur(Abs(strText)) & \",\" _\r\n                     & m_Hoehe & \", \" & m_Breite & \")\", dbFailOnError\r\n                 lngMaterialpreisID = db.OpenRecordset(\"SELECT @@IDENTITY\").Fields(0)\r\n                 m_Div.id = lngMaterialpreisID\r\n             <span style=\"color:blue;\">End If<\/span>\r\n         <span style=\"color:blue;\">Else<\/span>\r\n             db.Execute \"DELETE FROM tblMaterialpreise WHERE MaterialpreisID = \" & m_Div.id, dbFailOnError\r\n             m_Div.textContent = \"-\"\r\n             m_Div.id = 0\r\n         <span style=\"color:blue;\">End If<\/span>\r\n         m_TextOld = m_Div.textContent\r\n     <span style=\"color:blue;\">End If<\/span>\r\n<span style=\"color:blue;\">End Sub<\/span><\/pre>\n<p><b><span style=\"color:darkgrey;\">Listing 3: Finale Version der Prozedur m_Div_onfocusout<\/span><\/b><\/p>\n<p>Die Prozedur pr&uuml;ft nun in der ersten <b>If&#8230;Then<\/b>-Bedingung, ob sich <b>m_TextOld<\/b> von <b>strText <\/b>unterscheidet. Wenn wir also nun den Text &auml;ndern und die Zelle etwa mit der Tabulator-Taste verlassen, greift der erste Teil der <b>If&#8230;Then<\/b>-Bedingung. Die erste darin enthaltene <b>If&#8230;Then<\/b>-Bedingung pr&uuml;ft, ob der Text nicht numerisch ist und gleichzeitig keine leere Zeichenkette enth&auml;lt. In diesem Fall erscheint eine Meldung und der alte Inhalt aus <b>m_TextOld <\/b>wird wieder in die Zelle geschrieben.<\/p>\n<p>Ist das nicht der Fall, pr&uuml;ft die n&auml;chste <b>If&#8230;Then<\/b>-Bedingung, ob <b>strText <\/b>eine L&auml;nge gr&ouml;&szlig;er als <b>0 <\/b>hat. Dann folgt wieder die Unterscheidung, ob <b>m_Div.id <\/b>ungleich <b>0 <\/b>ist (das <b>div<\/b>-Element ist an einen Datensatz gekoppelt) oder nicht. Falls ja, speichert die folgende <b>UPDATE<\/b>-Abfrage die &auml;nderung in dem vorhandenen Datensatz, falls nicht, legt eine <b>INSERT INTO<\/b>-Anweisung einen neuen Datensatz an, ermittelt den Prim&auml;rschl&uuml;sselwert und tr&auml;gt diesen in die Eigenschaft <b>id <\/b>von <b>m_div <\/b>ein.<\/p>\n<p>In beiden F&auml;llen haben wir den Wert aus <b>strText <\/b>mit den beiden Funktionen <b>Abs <\/b>und <b>CCur <\/b>behandelt, um eventuell noch vorhandene Minus-Zeichen zu entsorgen (wenn vorher ein Minus-Zeichen in der Zelle vorhanden war und man dann einfach hineinklickt und schreibt, wird dieses nicht gel&ouml;scht und es bleibt beispielsweise ein Wert wie <b>49- <\/b>stehen &#8211; die <b>Abs<\/b>-Funktion l&ouml;scht dann das Minus-Zeichen).<\/p>\n<h2>L&ouml;schen eines Eintrags<\/h2>\n<p>Schlie&szlig;lich folgt noch der <b>Else<\/b>-Zweig, der dann wirkt, wenn <b>strText <\/b>die L&auml;nge <b>0 <\/b>hat. Die Eingabe einer leeren Zeichenkette ist gleichbedeutend mit dem L&ouml;schen des vorhandenen Eintrags. In diesem Fall soll eine <b>DELETE<\/b>-Anweisung den entsprechenden Eintrag aus der Tabelle <b>tblMaterialpreise <\/b>l&ouml;schen. Au&szlig;erdem wird danach der Text des <b>div<\/b>-Elements mit dem Minus-Zeichen gef&uuml;llt und die <b>id <\/b>auf den Wert <b>0 <\/b>eingestellt, da das <b>div<\/b>-Element ja nun nicht mehr mit einem Datensatz der Tabelle <b>tblMaterialpreise <\/b>verkn&uuml;pft ist. In allen F&auml;llen wird die private Variable <b>m_TextOld <\/b>mit dem soeben eingegebenen Text gef&uuml;llt, damit dieser nach der n&auml;chsten &auml;nderung wieder als Vergleichswert zur Verf&uuml;gung steht.<\/p>\n<h2>Zusammenfassung und Ausblick<\/h2>\n<p>In diesem Teil der Beitragsreihe zur Darstellung von Daten in der Art einer Kreuztabelle haben wir eine M&ouml;glichkeit zum Bearbeiten der vorhandenen Eintr&auml;ge hinzugef&uuml;gt. Im folgenden Teil gehen wir noch einen Schritt weiter: Hier erlauben wir dem Benutzer, neue Zeilen oder Spalten zur HTML-Tabelle hinzuzuf&uuml;gen. Dazu ist allerdings ein Umbau des Datenmodells erforderlich, denn dann m&uuml;ssen wir die Zeilen- und Spaltenwerte in eigenen Tabellen vorhalten.<\/p>\n<p>Au&szlig;erdem behandeln wir dort die Darstellung und Bearbeitung von Daten in Abh&auml;ngigkeit von der Verkn&uuml;pfung mit einer weiteren Tabelle, zum Beispiel um die Materialpreise abh&auml;ngig von verschiedenen Materialien zu definieren.<\/p>\n<h3>Downloads zu diesem Beitrag<\/h3>\n<p>Enthaltene Beispieldateien:<\/p>\n<p>HTMLKreuztabelleBearbeiten.accdb<\/p>\n<p><a href=\"..\/fileadmin\/beispiele\/1E98A570-06A8-4585-BBC9-09FDAA2DC785\/aiu_1162.zip\">Download<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Im Beitrag &#8222;Kreuztabelle per HTML&#8220; haben wir gezeigt, wie Sie die Daten einer Tabelle in Form einer Kreuztabelle ausgeben k&ouml;nnen. Das ist nat&uuml;rlich auch per Kreuztabellenabfrage m&ouml;glich, aber wir haben in diesem Fall das Webbrowser-Steuerelement mit einer entsprechenden HTML-Seite verwendet. Der Hintergrund ist, dass wir so Funktionen zum direkten Bearbeiten der Eintr&auml;ge hinzuf&uuml;gen k&ouml;nnen &#8211; vorausgesetzt, dass die Kreuztabelle nur die Werte einer Kombination anzeigt und nicht etwa Dom&auml;nenfunktionen wie Summen oder Mittelwerte. Wir wollen also die bereits vorhandene Darstellung noch um Funktionen zum Bearbeiten sowie zum Hinzuf&uuml;gen neuer Spalten oder Zeilen erweitern.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[662018,66062018,44000023],"tags":[],"class_list":["post-55001162","post","type-post","status-publish","format-standard","hentry","category-662018","category-66062018","category-Mit_Formularen_arbeiten"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.9 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>HTML-Kreuztabelle 2: Werte bearbeiten - Access im Unternehmen<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML-Kreuztabelle 2: Werte bearbeiten\" \/>\n<meta property=\"og:description\" content=\"Im Beitrag &quot;Kreuztabelle per HTML&quot; haben wir gezeigt, wie Sie die Daten einer Tabelle in Form einer Kreuztabelle ausgeben k&ouml;nnen. Das ist nat&uuml;rlich auch per Kreuztabellenabfrage m&ouml;glich, aber wir haben in diesem Fall das Webbrowser-Steuerelement mit einer entsprechenden HTML-Seite verwendet. Der Hintergrund ist, dass wir so Funktionen zum direkten Bearbeiten der Eintr&auml;ge hinzuf&uuml;gen k&ouml;nnen - vorausgesetzt, dass die Kreuztabelle nur die Werte einer Kombination anzeigt und nicht etwa Dom&auml;nenfunktionen wie Summen oder Mittelwerte. Wir wollen also die bereits vorhandene Darstellung noch um Funktionen zum Bearbeiten sowie zum Hinzuf&uuml;gen neuer Spalten oder Zeilen erweitern.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/\" \/>\n<meta property=\"og:site_name\" content=\"Access im Unternehmen\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-13T21:13:01+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/vg06.met.vgwort.de\/na\/91c6ce59eae840c9a745877e302e58ac\" \/>\n<meta name=\"author\" content=\"Andr\u00e9 Minhorst\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andr\u00e9 Minhorst\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"17\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/HTMLKreuztabelle_2_Werte_bearbeiten\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/HTMLKreuztabelle_2_Werte_bearbeiten\\\/\"},\"author\":{\"name\":\"Andr\u00e9 Minhorst\",\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/#\\\/schema\\\/person\\\/13395c4bcd7d7963efe33be9c584d93f\"},\"headline\":\"HTML-Kreuztabelle 2: Werte bearbeiten\",\"datePublished\":\"2020-05-13T21:13:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/HTMLKreuztabelle_2_Werte_bearbeiten\\\/\"},\"wordCount\":2701,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/HTMLKreuztabelle_2_Werte_bearbeiten\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/vg06.met.vgwort.de\\\/na\\\/91c6ce59eae840c9a745877e302e58ac\",\"articleSection\":[\"2018\",\"6\\\/2018\",\"Mit Formularen arbeiten\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/access-im-unternehmen.de\\\/HTMLKreuztabelle_2_Werte_bearbeiten\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/HTMLKreuztabelle_2_Werte_bearbeiten\\\/\",\"url\":\"https:\\\/\\\/access-im-unternehmen.de\\\/HTMLKreuztabelle_2_Werte_bearbeiten\\\/\",\"name\":\"HTML-Kreuztabelle 2: Werte bearbeiten - Access im Unternehmen\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/HTMLKreuztabelle_2_Werte_bearbeiten\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/HTMLKreuztabelle_2_Werte_bearbeiten\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/vg06.met.vgwort.de\\\/na\\\/91c6ce59eae840c9a745877e302e58ac\",\"datePublished\":\"2020-05-13T21:13:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/HTMLKreuztabelle_2_Werte_bearbeiten\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/access-im-unternehmen.de\\\/HTMLKreuztabelle_2_Werte_bearbeiten\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/HTMLKreuztabelle_2_Werte_bearbeiten\\\/#primaryimage\",\"url\":\"http:\\\/\\\/vg06.met.vgwort.de\\\/na\\\/91c6ce59eae840c9a745877e302e58ac\",\"contentUrl\":\"http:\\\/\\\/vg06.met.vgwort.de\\\/na\\\/91c6ce59eae840c9a745877e302e58ac\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/HTMLKreuztabelle_2_Werte_bearbeiten\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/access-im-unternehmen.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML-Kreuztabelle 2: Werte bearbeiten\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/#website\",\"url\":\"https:\\\/\\\/access-im-unternehmen.de\\\/\",\"name\":\"Access im Unternehmen\",\"description\":\"Das Magazin f\u00fcr Datenbankentwickler auf Basis von Microsoft Access\",\"publisher\":{\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/access-im-unternehmen.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/#organization\",\"name\":\"Andr\u00e9 Minhorst Verlag\",\"url\":\"https:\\\/\\\/access-im-unternehmen.de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/access-im-unternehmen.de\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/aiu_wp.png\",\"contentUrl\":\"https:\\\/\\\/access-im-unternehmen.de\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/aiu_wp.png\",\"width\":370,\"height\":111,\"caption\":\"Andr\u00e9 Minhorst Verlag\"},\"image\":{\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/access-im-unternehmen.de\\\/#\\\/schema\\\/person\\\/13395c4bcd7d7963efe33be9c584d93f\",\"name\":\"Andr\u00e9 Minhorst\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1b9d010cf1716692cb9c34f21554e07d17d461acaea5b61b8cb21cbec678d48a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1b9d010cf1716692cb9c34f21554e07d17d461acaea5b61b8cb21cbec678d48a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1b9d010cf1716692cb9c34f21554e07d17d461acaea5b61b8cb21cbec678d48a?s=96&d=mm&r=g\",\"caption\":\"Andr\u00e9 Minhorst\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HTML-Kreuztabelle 2: Werte bearbeiten - Access im Unternehmen","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/","og_locale":"de_DE","og_type":"article","og_title":"HTML-Kreuztabelle 2: Werte bearbeiten","og_description":"Im Beitrag \"Kreuztabelle per HTML\" haben wir gezeigt, wie Sie die Daten einer Tabelle in Form einer Kreuztabelle ausgeben k&ouml;nnen. Das ist nat&uuml;rlich auch per Kreuztabellenabfrage m&ouml;glich, aber wir haben in diesem Fall das Webbrowser-Steuerelement mit einer entsprechenden HTML-Seite verwendet. Der Hintergrund ist, dass wir so Funktionen zum direkten Bearbeiten der Eintr&auml;ge hinzuf&uuml;gen k&ouml;nnen - vorausgesetzt, dass die Kreuztabelle nur die Werte einer Kombination anzeigt und nicht etwa Dom&auml;nenfunktionen wie Summen oder Mittelwerte. Wir wollen also die bereits vorhandene Darstellung noch um Funktionen zum Bearbeiten sowie zum Hinzuf&uuml;gen neuer Spalten oder Zeilen erweitern.","og_url":"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/","og_site_name":"Access im Unternehmen","article_published_time":"2020-05-13T21:13:01+00:00","og_image":[{"url":"http:\/\/vg06.met.vgwort.de\/na\/91c6ce59eae840c9a745877e302e58ac","type":"","width":"","height":""}],"author":"Andr\u00e9 Minhorst","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Andr\u00e9 Minhorst","Gesch\u00e4tzte Lesezeit":"17\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/#article","isPartOf":{"@id":"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/"},"author":{"name":"Andr\u00e9 Minhorst","@id":"https:\/\/access-im-unternehmen.de\/#\/schema\/person\/13395c4bcd7d7963efe33be9c584d93f"},"headline":"HTML-Kreuztabelle 2: Werte bearbeiten","datePublished":"2020-05-13T21:13:01+00:00","mainEntityOfPage":{"@id":"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/"},"wordCount":2701,"commentCount":0,"publisher":{"@id":"https:\/\/access-im-unternehmen.de\/#organization"},"image":{"@id":"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/#primaryimage"},"thumbnailUrl":"http:\/\/vg06.met.vgwort.de\/na\/91c6ce59eae840c9a745877e302e58ac","articleSection":["2018","6\/2018","Mit Formularen arbeiten"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/","url":"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/","name":"HTML-Kreuztabelle 2: Werte bearbeiten - Access im Unternehmen","isPartOf":{"@id":"https:\/\/access-im-unternehmen.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/#primaryimage"},"image":{"@id":"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/#primaryimage"},"thumbnailUrl":"http:\/\/vg06.met.vgwort.de\/na\/91c6ce59eae840c9a745877e302e58ac","datePublished":"2020-05-13T21:13:01+00:00","breadcrumb":{"@id":"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/#primaryimage","url":"http:\/\/vg06.met.vgwort.de\/na\/91c6ce59eae840c9a745877e302e58ac","contentUrl":"http:\/\/vg06.met.vgwort.de\/na\/91c6ce59eae840c9a745877e302e58ac"},{"@type":"BreadcrumbList","@id":"https:\/\/access-im-unternehmen.de\/HTMLKreuztabelle_2_Werte_bearbeiten\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/access-im-unternehmen.de\/"},{"@type":"ListItem","position":2,"name":"HTML-Kreuztabelle 2: Werte bearbeiten"}]},{"@type":"WebSite","@id":"https:\/\/access-im-unternehmen.de\/#website","url":"https:\/\/access-im-unternehmen.de\/","name":"Access im Unternehmen","description":"Das Magazin f\u00fcr Datenbankentwickler auf Basis von Microsoft Access","publisher":{"@id":"https:\/\/access-im-unternehmen.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/access-im-unternehmen.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/access-im-unternehmen.de\/#organization","name":"Andr\u00e9 Minhorst Verlag","url":"https:\/\/access-im-unternehmen.de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/access-im-unternehmen.de\/#\/schema\/logo\/image\/","url":"https:\/\/access-im-unternehmen.de\/wp-content\/uploads\/2019\/09\/aiu_wp.png","contentUrl":"https:\/\/access-im-unternehmen.de\/wp-content\/uploads\/2019\/09\/aiu_wp.png","width":370,"height":111,"caption":"Andr\u00e9 Minhorst Verlag"},"image":{"@id":"https:\/\/access-im-unternehmen.de\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/access-im-unternehmen.de\/#\/schema\/person\/13395c4bcd7d7963efe33be9c584d93f","name":"Andr\u00e9 Minhorst","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/1b9d010cf1716692cb9c34f21554e07d17d461acaea5b61b8cb21cbec678d48a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/1b9d010cf1716692cb9c34f21554e07d17d461acaea5b61b8cb21cbec678d48a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1b9d010cf1716692cb9c34f21554e07d17d461acaea5b61b8cb21cbec678d48a?s=96&d=mm&r=g","caption":"Andr\u00e9 Minhorst"}}]}},"_links":{"self":[{"href":"https:\/\/access-im-unternehmen.de\/data\/wp\/v2\/posts\/55001162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/access-im-unternehmen.de\/data\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/access-im-unternehmen.de\/data\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/access-im-unternehmen.de\/data\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/access-im-unternehmen.de\/data\/wp\/v2\/comments?post=55001162"}],"version-history":[{"count":0,"href":"https:\/\/access-im-unternehmen.de\/data\/wp\/v2\/posts\/55001162\/revisions"}],"wp:attachment":[{"href":"https:\/\/access-im-unternehmen.de\/data\/wp\/v2\/media?parent=55001162"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/access-im-unternehmen.de\/data\/wp\/v2\/categories?post=55001162"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/access-im-unternehmen.de\/data\/wp\/v2\/tags?post=55001162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}