Templates mit Teilen von Tabellen gehen nicht (?)

Begonnen von Gunther, 03 Januar 2018, 12:23:20

Vorheriges Thema - Nächstes Thema

Gunther

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 -->
       

FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden