Thanks to Atwix for contributing this topic!

ColumnsEditingClient component

The ColumnsEditingClient UI component is an extension for the ColumnsEditor component. It provides functionality for saving edited data.

Options

Option	Description	Type	Default Value
`component`	The path to the component's `.js` file, relative to RequireJS.	String	`Magento_Ui/js/grid/editing/client`
`requestConfig`	The request configuration for AJAX.	Object	`{dataType: 'json',type: 'POST'}`
`saveUrl`	Path to a controller that will process the data saving request.	String	`-`
`validateBeforeSave`	Defines whether validation executes before data saving.	Boolean	`true`
`validateUrl`	Path to a controller that will process the data validation request.	String	`-`

Sources files

Extends uiClass:

app/code/Magento/Ui/view/base/web/js/grid/editing/client.js

Examples

Integration

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

<listing>
    ...
    <columns name="columns">
        <settings>
            <editorConfig>
                <param name="clientConfig" xsi:type="array">
                    <item name="saveUrl" xsi:type="url" path="path/to/saveController"/>
                    <item name="validateUrl" xsi:type="url" path="path/to/validateController"/>
                    <item name="validateBeforeSave" xsi:type="boolean">true</item>
                </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="clientConfig" xsi:type="array">
                    <item name="saveUrl" xsi:type="url" path="path/to/saveController"/>
                    <item name="validateUrl" xsi:type="url" path="path/to/validateController"/>
                    <item name="validateBeforeSave" xsi:type="boolean">true</item>
                </param>
                <param name="enabled" xsi:type="boolean">true</param>
            </editorConfig>
        </settings>
        ...
    </columns>
</listing>

Disable validation

This is an example of how to disable validation before saving data:

<listing>
    ...
    <columns name="columns">
        <settings>
            <editorConfig>
                <param name="clientConfig" xsi:type="array">
                    <item name="saveUrl" xsi:type="url" path="path/to/saveController"/>
                    <item name="validateBeforeSave" xsi:type="boolean">false</item>
                </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="clientConfig" xsi:type="array">
                    <item name="saveUrl" xsi:type="url" path="path/to/saveController"/>
                    <item name="validateBeforeSave" xsi:type="boolean">false</item>
                </param>
                <param name="enabled" xsi:type="boolean">true</param>
            </editorConfig>
        </settings>
        ...
    </columns>
</listing>