Community › Forge › Assets list › Multiselect Checkbox
multiselect-checkbox
Reactive icon

Multiselect Checkbox

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 05 February 2024
 by 
5.0
 (1 rating)
multiselect-checkbox

Multiselect Checkbox

Documentation
1.0.0
About: The Checkbox/CheckboxForTextId blocks are powerful components designed for OutSystems applications, introducing a seamless multi-select feature for tables and lists. Efficiently manage the state of checkboxes for individual rows, providing users with an intuitive way to select, deselect, and manage items using Long Integer/Text identifiers.


Pagination & Sorting Support: Seamlessly navigate through paginated data and organize content with sorting functionality. The Checkbox block effortlessly integrates with your pagination and sorting features, providing improved data accessibility for users.


Optimization Hint: For larger datasets, consider utilizing the optimized logic available in the demo application. This refined logic ensures better performance when dealing with extensive data, enhancing the efficiency for large-scale applications.


How to use:


a) Inputs:
1. Id - Id of the Current Row: Provide the unique identifier of the current row to enable multi-select functionality for individual rows.
2. IsHeaderCheckbox - Is the Block Placed in the Header of the Table for Select All and Deselect All: Indicate if the Checkbox block is in the table header to allow convenient "Select All" and "Deselect All" operations.
3. ExtendedClass - To Add Custom CSS: Customize the visual appearance of the Checkbox block by adding custom CSS classes for seamless integration with your application's styling.
4. AreAllSelected - Are All Selected: Create a local variable and pass it to determine if all items in the table or list are currently selected.
5. SelectedIdList - List of Selected Ids: Create or use a local variable of type LongIntegerList (TextList for CheckboxForTextId) and pass it to store the list of currently selected item identifiers.
6. AllIdList - List of All Ids: Ensure a source, like a Data Action, fetches all item identifiers from your database. Create or obtain a LongIntegerList (TextList for CheckboxForTextId) to pass to the Checkbox block, optimizing multi-select operations.


b) Event: In the event handler, add an Assign action to set the values of:
1. AreAllSelected: Set the local variable to determine if all items are selected.
2. SelectedIdsList: Set the local variable to update the list of selected item identifiers.