FieldGroup Object Members in SuiteScript 2.1 Reference

The FieldGroup object is a critical component of the NetSuite SuiteScript 2.1 framework, specifically designed for managing field groups within Suitelets. This object allows developers to define how groups of fields behave in the user interface (UI), including features like collapsibility and visibility.

Key Properties of FieldGroup Object

Practical Tips

• Naming Conventions: It's recommended to prefix custom UI elements with custpage to avoid internal naming conflicts.
• UI Consistency: Utilize the FieldGroup to maintain a coherent layout for user inputs, improving usability and ease of navigation.

Example Usage

Here's an example of how to define and use a FieldGroup in a Suitelet:

1function onRequest(context) {
2    var form = serverWidget.createForm({title: 'Sample Form'});
3    var fieldGroup = form.addFieldGroup({id: 'custpage_sample_group', label: 'Sample Field Group'});
4 
5    // Set properties
6    fieldGroup.isCollapsible = true;
7    fieldGroup.isCollapsed = false;
8 
9    // Add fields to the group
10    form.addField({id: 'custpage_field1', type: serverWidget.FieldType.TEXT, label: 'Field 1'});
11    form.addField({id: 'custpage_field2', type: serverWidget.FieldType.TEXT, label: 'Field 2'});
12 
13    context.response.writePage(form);
14}

Conclusion

Using the FieldGroup object effectively enhances the usability of custom Suitelets. By defining clear grouping logic and leveraging its properties, developers can create intuitive interfaces that align with NetSuite's user experience standards.

Who This Affects

This content is particularly relevant for:

• Developers: who are designing user interfaces using Suitelets.
• Administrators: who may need to define custom forms and workflows.

Source: This article is based on Oracle's official NetSuite documentation.

Key Takeaways

• The FieldGroup object allows for customizable field grouping in Suitelets.
• Key properties include isBorderHidden, isCollapsible, and label.
• Following naming conventions helps minimize conflicts within the UI.