Part 6: Collecting Information In a Form-Style Input

With the basic functionality for showing the employee list now complete, we can add the content to the Edit Employee dialog that allows the user to update the employee details. This information is written to the TM1 datasource and can be viewed or updated by any of the native TM1 interfaces.

Although the layout here is fairly simplistic, the format is free-form and can be styled in in a variety of ways which do not follow a grid style format. This tutorial will be covering some more in-depth topics of dealing with datasources, both remote and locally created arrays, as well as the basics of binding datasources to HTML. Once the user has completed data entry, the changes will be committed back to TM1 in a single request.

Highlights

• Understanding local and global level scope and when to use it
• How to create local datasources (arrays) for use in widgets
• Use global context to pass information from one module to another
• Apply parameter driven values to datasources
• Bind HTML to datasource fields
• Format and style the input fields into dropdowns, date pickers, and numeric fields
• Create form style data entry module that will be displayed in a module
• Prepare ESWeb datasource for writeback
• Write data back to TM1

Live Application

Part 6 - Collecting Information In a Form-Style Input

Video Walkthrough