Pages

Sayfalar

Buton: Durum (State Button)

Açıklama

State Button, tanımlı koşullara göre etiketini (label), görüntüsünü (image) ve davranışını değiştiren dinamik bir UI öğesidir.

Statik butonların aksine, sistemdeki değişkenlere gerçek zamanlı olarak tepki verir.
JavaScript mantığı kullanarak birden fazla görsel ve işlevsel durum tanımlayabilirsin.

Temel Özellikler

Durum Tabanlı Davranış

• JavaScript ile çoklu koşullar tanımla
• Dinamik olarak şunları değiştir:
  • Etiket (Label)
  • Görsel (Image)
  • Çalıştırılacak işlem (Execute)

Dinamik İşlem

• Her duruma özel işlem (aksiyon) atayabilirsin
• Örnek:
  "Sistem çalışıyorsa → Durdur, değilse → Başlat"

Görsel Özelleştirme

• Her duruma göre farklı simgeler, renkler veya yazılar göster
• Kullanıcıya net ve bağlama uygun geri bildirim sağlar

Sorunsuz Entegrasyon

• Herhangi bir değişkene Connection String üzerinden bağlanabilir
• HMI / SCADA sistemlerinde canlı veri ile çalışmak için idealdir

Kullanım Senaryoları

Minimal JavaScript Örneği

Butonun systemActive adlı bir değişkenle bağlantılı olduğunu varsayalım:
Aşağıdaki betik iki durumu tanımlar:

if (systemActive === true) {
  label = "Stop";
  image = "stop_icon.svg";
  execute = "stopProcess()";
} else {
  label = "Start";
  image = "start_icon.svg";
  execute = "startProcess()";
}