Low-Code Feature Focus: Save Grid Selection to Form

In this video, our US Head of Support, Dale, is demonstrating how to make selections from a grid and store the results directly into a form.

00:00 Introduction & Demonstration of final solution
00:42 Build Solution from Scratch
01:15 Three components: A Grid,
02:29 ___ A Form, and a
03:44 ___Tabs Pro module.
04:15 Configure the Tab to be Modal, add a tab and select the grid
05:00 Build a button to pop up the grid: Open Tabs Pro Popup
05:45 Progress so far
06:45 Change to Open Tabs Pro Popup and Stop Execution
07:29 Adding the Select button to the grid
08:19 JavaScript action on the button: Proving it worked
09:24 Next step: getting the selected names to display using JavaScript
12:00 The Select button now pushes information back to the form.
12:51 Summary

Copy & Paste Template

/* Insert the module id of your FORM in the line below */
var module = '#dnn458root';


/* Use your form field names on the left side, and values from your grid row on the right */
angular.element($(module)).scope().form.fields.FirstName.value = '[FirstName]';
angular.element($(module)).scope().form.fields.LastName.value = '[LastName]';
angular.element($(module)).scope().form.fields.Email.value = '[Email]';

/* Trigger the form to update by applying the field changes */
angular.element($(module)).scope().$apply();