I'm using EXTJS 4.2.2. I have a grid with two columns, both are required. However, when the row is initially added to the grid, it should not be highlighted. I have found a solution, however am wondering if there is a better way. Seems like there should be some way for me to use the 'clearInvalid()' method, but I can't figure out how to get the correct element to call that method on.

Here's what I'm currently doing:

Code:
Ext.get(rowEditing.editor.id).select('.x-form-invalid-field').removeCls('x-form-invalid-field');
And here's a fiddle to demonstrate. https://fiddle.sencha.com/#fiddle/1j8a

Is there a better way to get the elements rather than selecting by the 'invalid' class? Is there a way to use clearInvalid rather than removeCls? Or better yet, can't the row just be inserted without initially having them marked as required?

Thanks!