ColumnsEditingBulk component | Adobe Commerce Developer Guide

The ColumnsEditingBulk UI component is an extension for the ColumnsEditor component. It provides the bulk update functionality.

Configuration options

Option	Description	Type	Default Value
`template`	The path to the component’s `.html` template.	String	`'ui/grid/editing/bulk'`
`active`	Whether multi editing is active.	Boolean	`true`
`component`	The path to the component’s `.js` file, relative to RequireJS.	String	`Magento_Ui/js/grid/editing/bulk`

Sources files

Extends record:

Examples

Integrate the ColumnsEditingBulk component with the ColumnsEditor component

This is an example of how the ColumnsEditingBulk component integrates with the ColumnsEditor component:

<listing>
    ...
    <columns name="columns">
        <settings>
            <editorConfig>
                <param name="bulkConfig" xsi:type="array">
                    <item name="component" xsi:type="string">Magento_Ui/js/grid/editing/bulk</item>
                    <item name="template" xsi:type="string">ui/grid/editing/bulk</item>
                </param>
                <param name="bulkEnabled" xsi:type="boolean">true</param>
                <param name="enabled" xsi:type="boolean">true</param>
            </editorConfig>
        </settings>
        ...
    </columns>
</listing>

Result

ColumnsEditingBulk Component example

Disable the ColumnsEditingBulk component on the ColumnsEditor component

This is an example of how the ColumnsEditingBulk component disables the ColumnsEditor component:

<listing>
    ...
    <columns name="columns">
        <settings>
            <editorConfig>
                <param name="bulkEnabled" xsi:type="boolean">false</param>
                <param name="enabled" xsi:type="boolean">true</param>
            </editorConfig>
        </settings>
        ...
    </columns>
</listing>