#####textiler-links#####
###.
//+-----:---------=---------=---------=---------=---------=---------=---------=---------=
//+-----:
//+-----: MAIN Text container (insert your text below | this is a textile comment)
//+-----:
//+-----:---------=---------=---------=---------=---------=---------=---------=---------=
h1. JS Functions | Table | ToolBox | Bedienungsanleitung
Auf dieser Seite werden alle JS-Functions beschrieben, die zum Toolbox-Plugin *table* gehören.
Es handelt sich dabei um die Klassenfunktionen der Klasse %(text-olive)tcTable%.
Der Quellcode für die aktuelle Version befindet sich hier: "(page)tc/rel-0.6.1/toolbox/sstable/libs/ss":e?dit=tc/rel-0.6.1/toolbox/sstable/libs/ss
Der Quellcode zu den TC j(table) Kommandos steht hier: "(page)tc/rel-0.6.1/toolbox/sstable/js":e?dit=tc/rel-0.6.1/toolbox/sstable/js
h2. Zusammenfassung
*(tc3-ul tc3-card).
* getColumnCount() - getRowCount() -
* "oUpdateDisplayAll()":#oUpdateDisplayAll
* "setContentType()":#setContentType - "setRangeContentType()":#setRangeContentType - "setRowRangeContentType()":#setRowRangeContentType
* "updateDisplay()":#updateDisplay
h2. getColumnCount()
Gibt die Zahl der Spalten in der verwendeten Tabelle zurück.
h4.. Implementation
p(tc-msg-default).. ### //+-----: Message Box
bc.. getColumnCount() {return this.table.querySelectorAll("tr")[0].querySelectorAll("td").length;}
p(tc-msg-default-end tc-void). ### END Message Box
=======================================================
h2. getRowCount()
Gibt die Zahl der Zeilen in der verwendeten Tabelle zurück.
h4.. Implementation
p(tc-msg-default).. ### //+-----: Message Box
bc.. getRowCount() {return this.table.querySelectorAll("tr").length;}
p(tc-msg-default-end tc-void). ### END Message Box
=======================================================
h2(#oUpdateDisplayAll). oUpdateDisplayAll(domObject)
Aktualisiert alle Zellen, die im %(text-olive)domObject% definiert sind.
*Hinweis zur Implementierung:* Bisher ist die Funktion für den Type %(text-olive)TC_CONTENT_TYPE_CURRENCY% implementiert.
h4.. Implementation
p(tc-msg-default).. ### //+-----: Message Box
bc.. oUpdateDisplayAll(o) {
let od, ov, suffix, ct;
for (let i = 0 ; i < o.length; i++) {
od = o[i].querySelector(`.tc-cell-display`);
ov = o[i].querySelector(`.tc-cell-value`);
suffix = o[i].querySelector(`.tc-cell-config-display-suffix`).innerHTML;
ct = o[i].querySelector(`.tc-cell-config-display-type`).innerHTML;
if (ct == this._TC_CONTENT_TYPE_DEFAULT) {ct = this._TC_CONTENT_TYPE_DEFAULT_VALUE;}
if (ct == this._TC_CONTENT_TYPE_CURRENCY) {
od.classList.add(this._TC_CONTENT_TYPE_CURRENCY_CSS_CLASS);
od.innerHTML = (Number(ov.innerHTML).toFixed(2) + suffix).replace(".", ",");
}
else {
od.classList.add(this._TC_CONTENT_TYPE_DEFAULT_CSS_CLASS);
od.innerHTML = ov.innerHTML;
}
}
}
p(tc-msg-default-end tc-void). ### END Message Box
=======================================================
h2(#setContentType). setContentType(column, row, contentType)
Gibt der spezifizierten Tabellenzelle den im Parameter %(text-olive)contentType% übergebenen Type.
h4.. Implementation
p(tc-msg-default).. ### //+-----: Message Box
bc.. setContentType(c, r, ct) {
// ct := CONTENT_TYPE
let c2 = c + this.tableOffsetCol * this.tableOffset;
let r2 = r + this.tableOffsetRow * this.tableOffset;
let oDisplay = this.table.querySelector(`tr:nth-of-type(${r2}) td:nth-of-type(${c2}) .tc-cell-config-display-type`);
let oTD = this.table.querySelector(`tr:nth-of-type(${r2}) td:nth-of-type(${c2})`);
oDisplay.innerHTML = ct;
oTD.setAttribute("tc-display-type", ct);
this.updateDisplay(c, r, ct);
//document.getElementById("my-demo").innerHTML += "
setContentType(): Column :=" + c2 + "- Row " + r2 + "- ContentType " + ct;
}
p(tc-msg-default-end tc-void). ### END Message Box
=======================================================
h2(#setRangeContentType). setRangeContentType(contentType = this._TC_CONTENT_TYPE_DEFAULT)
Setzt in den Zellen der aktuellen %(text-olive)Range% den angegebenen %(text-olive)contentType%.
h4.. Implementation
p(tc-msg-default).. ### //+-----: Message Box
bc.. setRangeContentType(contentType = this._TC_CONTENT_TYPE_DEFAULT) {
if (ct == this._TC_CONTENT_TYPE_DEFAULT) {ct = this._TC_CONTENT_TYPE_DEFAULT_VALUE}
for (i = 0 ; i < this.Range.length; i++) {
this.Range[i].querySelector(".tc-cell-config-display-type").innerHTML = ct;
}
this.oUpdateDisplayAll(this.Range);
}
p(tc-msg-default-end tc-void). ### END Message Box
=======================================================
h2(#setRowRangeContentType). setRowRangeContentType(column, contentType = _TC_CONTENT_TYPE_DEFAULT)
Setzt in den Zeilen der aktuellen %(text-olive)RowRange% den angegebenen %(text-olive)contentType%.
h4.. Implementation
p(tc-msg-default).. ### //+-----: Message Box
bc.. setRowRangeContentType(col,ct = this._TC_CONTENT_TYPE_DEFAULT) {
let row;
let col2 = col + this.tableOffsetCol * this.tableOffset;
if (ct == this._TC_CONTENT_TYPE_DEFAULT) {ct = this._TC_CONTENT_TYPE_DEFAULT_VALUE}
for (let i = 0 ; i < this.rowRange.length; i++) {
this.rowRange[i].querySelector(`td:nth-of-type(${col2}) .tc-cell-config-display-type`).innerHTML = ct;
this.rowRange[i].querySelector(`td:nth-of-type(${col2})`).setAttribute("tc-display-type", ct);
row = Number(this.rowRange[i].querySelector(`td:nth-of-type(${col2})`).getAttribute("tc-row"));
this.updateDisplay(col, row, ct);
}
}
p(tc-msg-default-end tc-void). ### END Message Box
=======================================================
h2(#updateDisplay). updateDisplay(column, row, contentType)
Aktualisiert die Anzeige der (mit %(text-olive)column, row% spezifizierten) Zelle. Dabei wird das Format des im Parameter übergebenen Typ verwendet.
###.
//+-----:---------=---------=---------=---------=---------=---------=---------=---------=
//+----- END: Programmierung für das Beispiel RECT
//+-----:---------=---------=---------=---------=---------=---------=---------=---------=
###.
//+-----:---------=---------=---------=---------=---------=---------=---------=---------=
//+-----:
//+-----: Kategorien
//+-----:
//+-----:---------=---------=---------=---------=---------=---------=---------=---------=
h2. Kategorien
*(tc-wiki-cat tc3-ul tc3-card).
* "(cat-page)$":tc:category:created:2025:09
* "(cat-page)Bedienungsanleitungen SVG":tc:category:bedienungsanleitung:svg
* "(cat-page)$":tc:category:tc:svg
###..
//+-----:---------=---------=---------=---------=---------=---------=---------=---------=
//+-----:
//+-----: Footer (without title)
//+-----:
//+-----:---------=---------=---------=---------=---------=---------=---------=---------=
p(text-grey). TextComplex Version 0.6.1 | Seite: "tc/rel-0.7/toolbox/screen/svg/examples/konzentrische-kreise":e?dit=tc/rel-0.7/toolbox/screen/svg/examples/konzentrische-kreise
tc:rel-0.7:bedienungsanleitung:toolbox:table:js-functions
📝 - bearbeiten
💾 - Speichern
📤 - Schließen
📝 - bearbeiten
💾 - Speichern
📤 - Schließen