System Designer

System Designer

  • Languages iconSvenska
    • English
    • Ελληνικά
    • Português (Brasil)
    • 繁體中文
    • Help Translate
  • SUPPORT
  • GITHUB

›Tutorials

Introduction

  • What is System Designer?
  • What is Design First?
  • Quick Start
  • Quick Start in videos

Guides

  • Installation
  • Create a System
  • Create a Schema
  • Edit a model
  • Create a Behavior
  • Create a Type
  • Create a Component
  • Run your System
  • Export a System
  • Import a System
  • Generate a diagram
  • Sync your systems with GitHub
  • Design a remote client system
  • Design a remote server system
  • Hantera tillägg
  • Extend System Designer
  • Shortcuts

Tutorials

  • List of Examples
  • Bundle your CSS
  • Bundle your JavaScript
  • Bundle your HTML
  • Test a server-side application
  • Create a NPM module
  • Create a website
  • Lyssna efter en modellhändelse
  • Listen to a data store event
  • Send messages
  • Send messages to other systems
  • Create an extension
  • Generate a model from a JSON file
  • Create a Graph system

Articles

  • Articles about the project

About

  • Who is behind System Designer?
  • Privacy Policy
  • License
Translate

Lyssna efter en modellhändelse

I den här genomgången får du se hur det fungerar att lyssna efter en händelse som ändrar en egenskap.

Modellhändelser

I systemdesignern kan du lyssna efter ändringar av en egenskap eller i en grupp (t.ex. objekt läggs till / tas bort).

Definiera ditt system

Skapa först ett schema som:

  • har namnet Person
  • har name som egenskap
{
    "_id": "bd8493b0-6e56-4ac3-b008-d5d0b2cf5a71",
    "_name": "Person",
    "_inherit": [
        "_Component"
    ],
    "name": "property"
}
  • skapa sedan en komponent,
  • klicka på komponenten för att ändra den,
  • ändra värdet på _id till luke,
{
  "_id": "luke",
  "name": ""
}
  • redigera sedan start-funktionen i ditt system och
  • lägg till denna kod:
function start() { 
  // hämta komponenten luke
  let luke = this.require('luke');

  // sätt egenskapen name i komponenten till luke
  luke.name('luke');
}

Lyssna efter egenskaps-ändringar

  • på Beteenden fliken, klicka på Person modellen (på höger sida under Modeller),
  • klicka på + knappen i det vänstra verktygsfältet för att lägga till ett nytt beteende,
  • en dialogruta visas,
  • välj name och klicka på Skapa -knappen,

Image Alt

  • ett beteende är nu skapat,
  • klicka på komponenten för att ändra den,
  • lägg till denna kod:
function name(value) { 
  // hämta loggnings komponenten
  let logger = this.require('logger');

  // logga följande när egenskapen name i en komponent ändras
  logger.info('component ' + this.id() + ' has for new name ' + value);
}
  • spara. Därefter,
  • kör ditt system.

Du kommer att se ett meddelande som berättar att egenskapen för komponenten har ändrats.

Image Alt

← Create a websiteListen to a data store event →
  • Definiera ditt system
  • Lyssna efter egenskaps-ändringar
System Designer is distributed under Apache License 2.0 - Copyright © 2024 Erwan Carriou