Kann ich in einer Tabelle keine Templates einbinden, die wiederum Bestandteile (Zeilen, Spalten) der Tabelle beinhalten?
Folgende Versuche habe ich vorgenommen:
Versuch 1: Reihen und Spalten im Template
Start Tabelle
Start Reihe - Überschriftenzeile mit Spalten - Ende Reihe
Template
Template
Template
Ende Tabelle
Das Template sieht dann so aus:
Start Reihe
Start Spalte
Inhalt
Ende Spalte
Start Spalte
Inhalt
Ende Spalte
Start Spalte
Inhalt
Ende Spalte
Ende Reihe
Da Versuch 1 nicht geklappt hat, habe ich versucht zumindest die Reihen im Hauptfile zu lassen
Versuch 2: Spalten im Template
Start Tabelle
Start Reihe
Überschriftenzeile
Ende Reihe
Start Reihe
Template
Ende Reihe
Start Reihe
Template
Ende Reihe
Start Reihe
Template
Ende Reihe
Ende Tabelle
Das Template sieht dann so aus:
Start Spalte
Inhalt
Ende Spalte
Start Spalte
Inhalt
Ende Spalte
Start Spalte
Inhalt
Ende Spalte
Das Template enthält die Spalten. Leider werden diese anscheinend nicht gelesen.
Habe mein Beispiel vorher als komplettes File funktionierend aufgebaut und dann versucht in ein Template zu gießen. Leider beide Versuche ohne Erfolg.
Für den Versuch poste ich mal meinen Code:
Hauptfile:
<html>
<head>
</head>
<body>
<div class="page" id="heating_etage_set">
<div class="gridster">
<ul>
<li data-row="1" data-col="3" data-sizex="26" data-sizey="16">
<div data-template="template_label_title.html" data-parameter='{"var_title":"Einstellungen Heizungsautomatik"}'></div>
<!-- Start Tabelle-->
<div class="sheet">
<!-- Start Zeile-->
<div class="row">
<!-- Start Spalte Raum-->
<div class="cell-1-6 bg-gray">
<div class="big left-align left-space darker " data-type="label">Raum</div>
</div>
<!-- Ende Spalte Raum-->
<!-- Start Spalte Ist-Temp-->
<div class="cell-1-8 centered bg-gray">
<div class="big center-align darker" data-type="label">Ist-Temp</div>
</div>
<!-- Ende Spalte Ist-Temp-->
<!-- Start Spalte Heizen? -->
<div class="cell-1-8 centered bg-gray">
<div class="big center-align darker" data-type="label">Heizen</div>
</div>
<!-- Ende Spalte Heizen? -->
<!-- Start Spalte Tag -->
<div class="cell-1-5 centered bg-gray">
<div class="big center-align darker" data-type="label">Tag/Anwesend</div>
</div>
<!-- Ende Spalte Tag -->
<!-- Start Spalte Nacht -->
<div class="cell-1-5 centered bg-gray">
<div class="big center-align darker" data-type="label">Nacht/Abwesend</div>
</div>
<!-- Ende Spalte Nacht -->
<!-- Start Spalte kalt -->
<div class="cell-1-5 centered right-align bg-gray">
<div class="big center-align darker" data-type="label">Nicht-Heizen/Urlaub</div>
</div>
<!-- Ende Spalte kalt -->
</div>
<!-- Ende Zeile-->
<!-- Start Zeile-->
<div class="row">
<div data-template="template_heizungsautomatik.html" data-parameter='{"var-raumname":"KG Wellness","var_Wandthermostat_Climate":"k_Foto_Wandthermostat_Climate","var-heizen_ja_nein_dummy":"k_Foto_heizen","var_tag_temp_dummy":"k_Foto_temperatur_tag","var_nacht_temp_dummy":"k_Foto_temperatur_nacht","var_kalt_temp_dummy":"k_Foto_temperatur_kalt"}'></div>
</div>
<!-- Ende Zeile-->
<!-- Start Zeile-->
<div class="row">
<div data-template="template_heizungsautomatik.html" data-parameter='{"var-raumname":"KG Wellness","var_Wandthermostat_Climate":"k_Foto_Wandthermostat_Climate","var-heizen_ja_nein_dummy":"k_Foto_heizen","var_tag_temp_dummy":"k_Foto_temperatur_tag","var_nacht_temp_dummy":"k_Foto_temperatur_nacht","var_kalt_temp_dummy":"k_Foto_temperatur_kalt"}'></div>
</div>
<!-- Ende Zeile-->
<!-- Start Zeile-->
<div class="row">
<div data-template="template_heizungsautomatik.html" data-parameter='{"var-raumname":"KG Wellness","var_Wandthermostat_Climate":"k_Foto_Wandthermostat_Climate","var-heizen_ja_nein_dummy":"k_Foto_heizen","var_tag_temp_dummy":"k_Foto_temperatur_tag","var_nacht_temp_dummy":"k_Foto_temperatur_nacht","var_kalt_temp_dummy":"k_Foto_temperatur_kalt"}'></div>
</div>
<!-- Ende Zeile-->
<!-- Start Zeile-->
<div class="row">
<div data-template="template_heizungsautomatik.html" data-parameter='{"var-raumname":"KG Wellness","var_Wandthermostat_Climate":"k_Foto_Wandthermostat_Climate","var-heizen_ja_nein_dummy":"k_Foto_heizen","var_tag_temp_dummy":"k_Foto_temperatur_tag","var_nacht_temp_dummy":"k_Foto_temperatur_nacht","var_kalt_temp_dummy":"k_Foto_temperatur_kalt"}'></div>
</div>
<!-- Ende Zeile-->
<!-- Start Zeile-->
<div class="row">
<div data-template="template_heizungsautomatik.html" data-parameter='{"var-raumname":"KG Wellness","var_Wandthermostat_Climate":"k_Foto_Wandthermostat_Climate","var-heizen_ja_nein_dummy":"k_Foto_heizen","var_tag_temp_dummy":"k_Foto_temperatur_tag","var_nacht_temp_dummy":"k_Foto_temperatur_nacht","var_kalt_temp_dummy":"k_Foto_temperatur_kalt"}'></div>
</div>
<!-- Ende Zeile-->
<!-- Start Zeile-->
<div class="row">
<div data-template="template_heizungsautomatik.html" data-parameter='{"var-raumname":"KG Wellness","var_Wandthermostat_Climate":"k_Foto_Wandthermostat_Climate","var-heizen_ja_nein_dummy":"k_Foto_heizen","var_tag_temp_dummy":"k_Foto_temperatur_tag","var_nacht_temp_dummy":"k_Foto_temperatur_nacht","var_kalt_temp_dummy":"k_Foto_temperatur_kalt"}'></div>
</div>
<!-- Ende Zeile-->
<!-- Start Zeile-->
<div class="row">
<div data-template="template_heizungsautomatik.html" data-parameter='{"var-raumname":"KG Wellness","var_Wandthermostat_Climate":"k_Foto_Wandthermostat_Climate","var-heizen_ja_nein_dummy":"k_Foto_heizen","var_tag_temp_dummy":"k_Foto_temperatur_tag","var_nacht_temp_dummy":"k_Foto_temperatur_nacht","var_kalt_temp_dummy":"k_Foto_temperatur_kalt"}'></div>
</div>
<!-- Ende Zeile-->
<!-- Start Zeile-->
<div class="row">
<div data-template="template_heizungsautomatik.html" data-parameter='{"var-raumname":"KG Wellness","var_Wandthermostat_Climate":"k_Foto_Wandthermostat_Climate","var-heizen_ja_nein_dummy":"k_Foto_heizen","var_tag_temp_dummy":"k_Foto_temperatur_tag","var_nacht_temp_dummy":"k_Foto_temperatur_nacht","var_kalt_temp_dummy":"k_Foto_temperatur_kalt"}'></div>
</div>
<!-- Ende Zeile-->
<!-- Start Zeile-->
<div class="row">
<div data-template="template_heizungsautomatik.html" data-parameter='{"var-raumname":"KG Wellness","var_Wandthermostat_Climate":"k_Foto_Wandthermostat_Climate","var-heizen_ja_nein_dummy":"k_Foto_heizen","var_tag_temp_dummy":"k_Foto_temperatur_tag","var_nacht_temp_dummy":"k_Foto_temperatur_nacht","var_kalt_temp_dummy":"k_Foto_temperatur_kalt"}'></div>
</div>
<!-- Ende Zeile-->
<!-- Start Zeile-->
<div class="row">
<div data-template="template_heizungsautomatik.html" data-parameter='{"var-raumname":"KG Wellness","var_Wandthermostat_Climate":"k_Foto_Wandthermostat_Climate","var-heizen_ja_nein_dummy":"k_Foto_heizen","var_tag_temp_dummy":"k_Foto_temperatur_tag","var_nacht_temp_dummy":"k_Foto_temperatur_nacht","var_kalt_temp_dummy":"k_Foto_temperatur_kalt"}'></div>
</div>
<!-- Ende Zeile-->
</div>
<!-- Ende Tabelle-->
</li>
</ul>
</div>
</div>
</body>
</html>
Template:
<!-- Start Spalte Raum-->
<div class="cell-1-6">
<div class="big left-align left-space darker" data-type="label">var-raumname</div>
</div>
<!-- Ende Spalte Raum-->
<!-- Start Spalte Ist-Temp-->
<div class="cell-1-8 centered">
<div data-type="label"
data-device="var_Wandthermostat_Climate"
data-get="measured-temp"
data-unit="%B0C%0A"
data-fix="1"
data-limits="[10,19,22]"
data-colors='["lightblue","darker","red"]'
class="big center-align">
</div>
</div>
<!-- Ende Spalte Ist-Temp-->
<!-- Start Spalte Heizen? -->
<div class="cell-1-8 centered">
<div class="v-box center-align">
<div data-type="checkbox" data-device="var-heizen_ja_nein_dummy" data-get-on="ja" data-get-off="nein" data-set-on="ja" data-set-off="nein" data-off-background-color="blue" class=""></div>
<div class="darker" data-type="label" data-device="var-heizen_ja_nein_dummy"></div>
</div>
</div>
<!-- Ende Spalte Heizen? -->
<!-- Start Spalte Tag -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="var_tag_temp_dummy"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="45"
class="valueonly center-align left-space-2x">
</div>
</div>
</div>
<!-- Ende Spalte Tag -->
<!-- Start Spalte Nacht -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="var_nacht_temp_dummy"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="45"
class="valueonly center-align left-space-2x">
</div>
</div>
</div>
<!-- Ende Spalte Nacht -->
<!-- Start Spalte kalt -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="var_kalt_temp_dummy"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="45"
class="valueonly center-align left-space-2x">
</div>
</div>
</div>
<!-- Ende Spalte kalt -->