1 Context:

2 Step by step guide:

1. Navigate to “Design” –> “Screens” and open the TrainingDay5_OrderOverview screen
2. Launch the OrderForm_Training_Part5 form by clicking on the gear icon in the designer tree and selecting ‘Open Object Master’
3. We will create an event namespace file, scoped to the form object, in the following location src/webui/src/_export/tapp/OrderForm_Training_Part5.ts; this file will act as the main container of all client logic relevant to the form and its content
4. The event namespace file is registered in the designer, by assigning the Namespace attribute with the # value to the OrderForm_Training_Part5 form object (NOT the instance)
5. Add a function to the event namespace that will handle the filtering on the CustNum dynselect:
Copy

export function onBeforeFetchCustNum(custNumSelect: akioma.swat.DynSelect) {
  const form = custNumSelect.form;
  const salesRep = form.getScreenValue('salesrep');
  if (salesRep) {
    custNumSelect.addFilter('salesrep', '=', salesRep, true);
  }
}

6. Reference the event on the CustNum dynselect by selecting it in the designer and assigning the BeforeFetch attribute with the #.onBeforeFetchCustNum(eventSource) value
7. Adjust the result display template to include the salesrep value, for better visibility; this is done by changing the Template Options attribute to 'fad fa-align-justify'|custnum|name,' - ',salesrep
8. Do a hard reload of the browser page, to clear the browser cache and launch the OrderForm_Training_Part5 screen, now the CustNum dynselect will always filter by the order’s salesrep value

Example Code:

export function onBeforeFetchCustNum(custNumSelect: akioma.swat.DynSelect) {
  const form = custNumSelect.form;
  const salesRep = form.getScreenValue('salesrep');
  if (salesRep) {
    custNumSelect.addFilter('salesrep', '=', salesRep, true);
  }
}

3 Explanation: