# Upgrade guide for Grid v5.3.3

## `RowReorder` events are now fired on the Grid instance

**Old code:**

```javascript
const grid = new Grid({
    appendTo : 'container',
    features : {
        rowReorder : {
            showGrip  : true,
            listeners : {
                gridRowBeforeDropFinalize : async({ context }) => {
                    if (grid.widgetMap.confirmationButton.checked) {
                        const result = await MessageDialog.confirm({
                            title   : 'Please confirm',
                            message : 'Did you want the row here?'
                        });

                        // Return true to accept the drop or false to reject it
                        return result === MessageDialog.yesButton;
                    }
                }
            }
        }
    }
})
```

**New code:**

```javascript
const grid = new Grid({
    appendTo : 'container',
    features : {
        rowReorder : {
            showGrip  : true
        }
    },
    listeners : {
        gridRowBeforeDropFinalize : async({ context }) => {
            if (grid.widgetMap.confirmationButton.checked) {
                const result = await MessageDialog.confirm({
                    title   : 'Please confirm',
                    message : 'Did you want the row here?'
                });

                // Return true to accept the drop or false to reject it
                return result === MessageDialog.yesButton;
            }
        }
    }
})
```

## Angular View Engine wrappers

New `@bryntum/grid-angular-view` is designed to work with Angular 11 and older versions, which use the View Engine
for rendering. If you are using one of the legacy Angular versions, please follow these steps to use the package:

Install the package using npm:

```shell
npm install @bryntum/grid-angular-view@5.3.3
```

Import the component in your Angular application:

```typescript
import { BryntumGridComponent } from '@bryntum/grid-angular-view';
```

Do not forget to remove previously used `@bryntum/grid-angular` package which requires Angular 12 or newer version.

Please check [Angular integration guide](#Grid/guides/integration/angular/guide.md#ivy-and-view-engine-wrappers) for
additional information.


<p class="last-modified">Last modified on 2023-10-26 8:19:11</p>