hat jemand ein Beispiel für ng-click="sendCmd('xxx)"

franzda

ich habe sendCmd in Iobroker Habpanel laufen jedoch möchte ich über VIS HTML auch sendCmd integrieren
Das Beispiel was ich dazu im Internet gefunden habe; scheint nicht komplett zu sein.

hier Auszug aus ioBroker / Habpanel was läuft

    <span>
        <button ng-click="sendCmd('deconz.0.Lights.3.on', 'false')">
            <i class="glyphicon glyphicon-remove"></i> 
        </button>

        <button style="margin-right: 0" ng-click="sendCmd('deconz.0.Lights.3.on', 'true')">
            <i class="glyphicon glyphicon-ok"></i>
        </button>
    </span>

hier für VIS was nicht vollständig zu sein scheint oder ggf nicht korrekt?

<button type="button" class="btn btn-default btn-lg attention-table-btn" 
   ng-click="sendCmd('deconz.0.Lights.3.on', 'false')">
   Test
</button>

OliverIO

@franzda sagte in hat jemand ein Beispiel für ng-click="sendCmd('xxx)":

Habpanel

das ng-click funktioniert in vis nicht.
das ng scheint zu angular zu gehören was aber in vis nicht verfügbar ist

Alternativ müsste aber das folgende gehen

        <button onclick="vis.setValue('deconz.0.Lights.3.on', 'true');"
            <i class="glyphicon glyphicon-remove"></i> 
        </button>

franzda

@oliverio Danke Oliver; Klasse werde heute Abend gleich probieren. (die Quelle die ich gefunden habe ist dann nicht richtig)

OliverIO

@franzda

für habpanel wahrscheinlich schon, aber nicht für vis.
jede visualisierung kann eine unmengen an frameworks und tools verwenden.
die anwendung dieser ist aber nicht direkt übertragbar auf andere

franzda

@oliverio Hallo Oliver
habe nun probiert; Dein Hinweis ist sehr gut sollte aber noch um eine Kleinigkeit erweitert werden.
class="bestätigen" ist noch notwendig
sonst ist der Wert nicht gültig: also hier unten mein Code

gibt es eine Doku was alles mit vis.xx möglich ist?

<html>
    <button class="bestätigen" onclick="vis.setValue('deconz.0.Lights.7.on', true);">
        <img src="/vis.0/main/taster_grün.png" width="40" height="40">
    </button>
    
    <button class="bestätigen" onclick="vis.setValue('deconz.0.Lights.7.on', false);">
        <img src="/vis.0/main/taster_rot.png" width="40" height="40">
    </button>
</html>

OliverIO

@franzda
Ok die css Anweisung sorgt wahrscheinlich dafür das das Ding wie ein Knopf aussieht. Der Funktionalität dürfte es keinen Abbruch tun.
Von den Funktionen ist es schwierig da viele Funktionen sehr monolithisch und wenig wiederverwendbar geschrieben sind.
Du kannst aber hier im source Code schauen
https://github.com/ioBroker/ioBroker.vis

Nicht alle Funktionen stehen zur runtime zur Verfügung

franzda

@oliverio das war nicht mein Punkt ich meinte class="bestätigen" ist notwendig sonst ist die Änderung nicht wirksam bzw der geänderte Wert wird nicht verwendet wil nicht bestätigt.

OliverIO

@franzda
Das wäre mir neu das der Klassenname da irgendeine Rolle spielt.
Das class Attribut wird dazu verwendet um auf eine Reihe von css Anweisungen zu verweisen, die das Aussehen des Elements bestimmen

franzda

@oliverio Danke für die Erklärung

Community Forum

NEWS

hat jemand ein Beispiel für ng-click="sendCmd('xxx)"

Support us

895

32.4k

81.5k

1.3m