Thanks to Atwix for contributing this topic!

ColumnsEditingBulk component

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

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

Integration

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>
Copied to your clipboard
<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

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>
Copied to your clipboard
<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>

ColumnsEditorView

ColumnsEDitingClient

Was this helpful?

Yes