Hi,
How to achieve data validation in bryntum Grid and how to implement popup in Vue js. Kindly give step by step guide
Support Forum
You can use the listener https://bryntum.com/docs/grid/api/Grid/feature/CellEdit#event-beforeFinishCellEdit to achieve it
Here is an example code for you
new Grid({
...
listeners : {
beforeFinishCellEdit(event) {
event.editorContext.editor.inputField.setError('invalid input');
return false
}
},
});
Set error docs : https://bryntum.com/docs/grid/api/Core/widget/Field#function-setError
Good Luck ,
Tasnim
To show pop up use this https://bryntum.com/docs/grid/api/Core/widget/MessageDialog
Here is a code snippet of how to use it
listeners : {
beforeFinishCellEdit(event) {
MessageDialog.alert({
title : 'No way!',
message : 'You can edit this'
});
return false
}
},
- Attachments
-
- message dialog.png (62.04 KiB) Viewed 560 times
Sure.
I've implemented this in AppConfig.js
Please check the attached app
- Attachments
-
- basic.zip
- (389.43 KiB) Downloaded 46 times