Validating editable datagrid flex

For information about the techniques, see Introduction to Techniques for WCAG 2.0.

For a list of techniques for other technologies, see the Table of Contents.

validating editable datagrid flex-43validating editable datagrid flex-37

You could click to edit an item, or click an Add button to add a new item. If I clicked to edit a field, hit cancel, and then hit Add, I was seeing the values from the previous edit in the form field. I added this to my cancel operation: This worked, but when I returned to add an item, the form was displaying red borders around each field.

My code to set the form items to empty strings was also triggering the form validation.

Setting any of these properties in code does in fact select the row and give it some kind of focus but the behaviour is slightly different compared to when clicking on it.

For example, the row doesn’t get highlighted the same way and if you try to use the arrow keys of the keyboard to navigate between the rows after you have set any of the mentioned properties in code the row will lose its focus.

The features in bold above are exclusive to Flexicious Ultimate.

Features in italic are available both in Ultimate, as well as Flexicious Classic.

Remember that you are answering the question for readers in the future, and those people might not know the reasons for your code suggestion.

Please also try not to crowd your code with explanatory comments, this reduces the readability of both the code and the explanations!

I did a bit of looking around in the API and couldn’t find a simple way to “reset” the validators I had applied to my form.

Turns out I found a solution on Adobe: Flex Quick Starts: Validating Data.

The visual tree in a WPF application describes the structure of all visual elements that are part of the user interface, i.e. class is for example used in the below generic method that recursively searches for a user interface element of a specific type among the descendants of a visual object of type System. Dependency Object – this is the base class for all visual elements that adds support for dependency properties – that is passed to the method as a parameter.