Het toepassen van client-side logica binnen model-driven apps.

Onderwerpen

• Form Scripting
• Event Handling
• UI Interactie
• Validaties
• Performance
• Security
• Best Practices

---

Doel

JavaScript wordt ingezet voor client-side functionaliteit binnen model-driven apps wanneer standaard configuratiemogelijkheden onvoldoende zijn.

Typische toepassingen zijn:

• dynamisch formuliergedrag
• complexe veldafhankelijkheden
• gebruikersinteractie
• client-side validaties
• aansturing van maatwerkfunctionaliteit

JavaScript vormt een onderdeel van de Business Logic laag en wordt toegepast binnen de gebruikersinterface.

---

Wanneer JavaScript gebruiken

Gebruik JavaScript wanneer:

• Business Rules onvoldoende functionaliteit bieden
• interactie met de gebruiker vereist is
• formuliergedrag dynamisch moet worden aangepast
• client-side validaties nodig zijn
• maatwerkfunctionaliteit binnen het formulier noodzakelijk is

JavaScript is primair bedoeld voor UI-gerelateerde functionaliteit.

---

Wanneer géén JavaScript gebruiken

Gebruik JavaScript niet voor:

• businessregels die server-side moeten worden afgedwongen
• integraties met externe systemen
• complexe bedrijfsprocessen
• beveiligingscontroles
• achtergrondverwerking

Deze functionaliteit hoort thuis in:

• Business Rules
• Plugins
• Custom API's
• Power Automate

---

Richtlijnen

Gebruik moderne API's

Werk altijd via:

• executionContext
• formContext

Gebruik geen verouderde API's zoals:

• Xrm.Page

---

Houd scripts modulair

Organiseer JavaScript logisch en herbruikbaar.

Richtlijnen:

• duidelijke namespaces
• logische scheiding van verantwoordelijkheden
• herbruikbare functies
• beperkte afhankelijkheden

---

Houd logica eenvoudig

Gebruik JavaScript uitsluitend voor client-side gedrag.

Vermijd:

• complexe business logic
• grote hoeveelheden conditionele logica
• duplicatie van bestaande functionaliteit

Wanneer de complexiteit toeneemt, is een andere techniek vaak geschikter.

---

Gebruik consistente naamgeving

Pas consistente naamgeving toe voor:

• scriptbestanden
• functies
• namespaces
• event handlers

Zie ook: Development Standards en Naming Conventions.

---

Performance

Client-side scripts hebben directe impact op de gebruikerservaring.

Richtlijnen

• minimaliseer API-calls
• vermijd zware logica tijdens load events
• hergebruik eerder opgehaalde gegevens
• voorkom onnodige form refreshes

Een formulier moet ook bij grote datasets responsief blijven.

---

Security

JavaScript draait volledig aan de clientzijde.

Daarom geldt:

• vertrouw nooit op JavaScript voor beveiliging
• sla geen gevoelige informatie op in scripts
• valideer kritische logica altijd server-side
• gebruik security roles voor autorisatie

Alle bedrijfskritische validaties moeten server-side worden afgedwongen.

---

Onderhoudbaarheid

Goed onderhoudbare scripts:

• zijn beperkt van omvang
• hebben een duidelijke verantwoordelijkheid
• bevatten consistente logging
• zijn gedocumenteerd waar nodig

Verwijder ongebruikte scripts en verouderde functionaliteit.

---

Positionering binnen Business Logic

Richtlijn

Gebruik altijd de eenvoudigste techniek die het scenario ondersteunt.

---

Veelgemaakte fouten

Veel voorkomende valkuilen zijn:

• business logic in JavaScript plaatsen
• duplicatie met Business Rules
• te grote scriptbestanden
• gebruik van verouderde API's
• ontbreken van server-side validatie

Deze situaties leiden tot hogere beheerlast en een grotere foutgevoeligheid.

---

Relatie met andere onderwerpen

---

Samenvatting

JavaScript wordt gebruikt voor client-side functionaliteit en interactie binnen model-driven apps.

Gebruik JavaScript voor:

• formuliergedrag
• interactieve functionaliteit
• client-side validaties
• dynamische gebruikerservaringen

Houd scripts modulair, onderhoudbaar en beperkt tot UI-gerelateerde functionaliteit. Plaats bedrijfskritische logica altijd server-side.