In dit artikel leggen we je uit hoe je het formule veld van datasets het beste kunt gebruiken in Neoforce.
Hoe werkt het formule veld?
In het formule veld wordt JavaScript verwacht. Het is dus mogelijk om in het formule veld simpele berekeningen te maken met bijvoorbeeld twee velden, hieronder een voorbeeld:
In dit voorbeeld zijn twee numerieke velden aangemaakt. Het doel is om deze twee waarden bij elkaar op te tellen in het formuleveld. Dit kan op twee manieren:
Door gebruik te maken van variabelen
Door gebruik te maken van de veld-ID's
Hieronder leg ik beide methodes uit en waar je deze kunt vinden.
Gebruik van variabelen
Je kan de variabele van één bepaald veld vinden door het veld te openen.
En aan de rechterkant vind je de variabele.
In het formule veld is met de variabelen mogelijk om bijvoorbeeld een optelsom te maken. Hieronder een voorbeeld hoe je dit instelt in het formule veld:
In een object zal het er dus zo uit zien:
Gebruik van veld-ID's
Bij het gebruik van veld-ID's zal de optelsom hetzelfde eruit zien als met de variabelen. Het enige verschil is dat je hier veld-ID's gebruikt om waardes op te halen van velden.
Het ID van mijn veld is 'field_nummer_veld_1', als ik de waarde wil ophalen van dat veld ziet dat er zo uit: $('#field_nummer_veld_1').val();
Het optellen van velden met de ID waardes werk iets anders, stel je voor ik vul in allebij mijn nummer velden 10 in, dan ziet deze som er zo uit:
$('#field_nummer_veld_1').val() + $('#field_nummer_veld_2').val() = 1010
Daarom moet je in JavaScript aantonen dat de waarde van een veld een nummer is, zodat de plussom ook daadwerkelijk de 2 getallen bij elkaar voegt. Dat ziet er zo uit:
parseInt($('#field_nummer_veld_1').val()) + parseInt($('#field_nummer_veld_2').val()) = 20
In het formule veld zal dat er zo uit zien:
Hoe kom ik aan het ID van een veld?
Door op F12 te drukken open je het inspecteer element (of developer tools). En linksboven in het inspecteer element staat een icoontje met een pijl, klik hierop. Nu kan je klikken op het veld waarvan je het ID wilt vinden.
In het gemarkeerde stuk code zie je een regel die bij het aangeklikte veld hoort. Zoek hierin naar een stukje tekst dat er ongeveer zo uitziet:
id="..."
De tekst tussen de aanhalingstekens is het ID van het veld.
Voorbeeld:
<input type="text" id="field_nummer_veld_1">
In dit geval is het ID: field_nummer_veld_1.