I have a use case where I have a Vue-Form-Wizard page with several VFG's some are in accordions, others in tab widgets. All custom components with VFG. I want to validate all the components at the same time on a given tab.
The schema for each page is dynamic and all comes from a DB call so I can not hardcode the validations.
I am thinking of ways to do this. One way I am thinking is each VFG sub-component would register itself with its parent. Parents would register then validation hooks with their parents where applicable.
This would allow validation to occur from any point in the tree downward. Meaning, for a use case like a wizard, that particular step could be fully validated before proceeding to the next step.
The challenges I'd like to get thoughts on are what would the best topology be for this.
An event bus would not have the hierarchy that is needed to validate just a tab or step on a wizard.
A flat array of references could work, where the parent has a larger array of all the child refs. Then when a validation is needed at any level each ref in the array would be called to validate and when done continues.
@icebob and @lionel-bijaoui What are your thoughts on this? Have I made this challenge clear enough?
I have a use case where I have a
Vue-Form-Wizard page
with several VFG's some are in accordions, others in tab widgets. All custom components with VFG. I want to validate all the components at the same time on a given tab.The schema for each page is dynamic and all comes from a DB call so I can not hardcode the validations.
I am thinking of ways to do this. One way I am thinking is each VFG sub-component would register itself with its parent. Parents would register then validation hooks with their parents where applicable.
This would allow validation to occur from any point in the tree downward. Meaning, for a use case like a wizard, that particular step could be fully validated before proceeding to the next step.
The challenges I'd like to get thoughts on are what would the best topology be for this.
An event bus would not have the hierarchy that is needed to validate just a tab or step on a wizard.
A flat array of references could work, where the parent has a larger array of all the child refs. Then when a validation is needed at any level each ref in the array would be called to validate and when done continues.
@icebob and @lionel-bijaoui What are your thoughts on this? Have I made this challenge clear enough?