Our blazing fast Grid component built with pure JavaScript


Post by thejas.pateel »

Hi,
How to achieve data validation in bryntum Grid and how to implement popup in Vue js. Kindly give step by step guide


Post by tasnim »

Could you please explain a bit further what data validation you want?
Do you mean something like this

validation.png
validation.png (14.85 KiB) Viewed 572 times

What do you want to achieve with the pop-up?

All the best :),
Tasnim


Post by thejas.pateel »

Hi,
I want cell value validation and need to compare the value between cells in row.not required field .


Post by tasnim »

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


Post by thejas.pateel »

Hi,
i need to show in popup in bryntum grid can you please help me out about it?


Post by 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
message dialog.png (62.04 KiB) Viewed 559 times

Post by thejas.pateel »

Hi,
i Hope this is not in vue js can you please show me how to implement in vue js popup With an example please.


Post by tasnim »

Sure.
I've implemented this in AppConfig.js

Please check the attached app

Attachments
basic.zip
(389.43 KiB) Downloaded 46 times

Post by thejas.pateel »

Hi,
Is it possible to take invalid rows to top when external button is clicked and also highlight the invalid fields


Post by thejas.pateel »

Please show how to set error for fields in external save button click


Post Reply