ExtJs 4.1: How to disallow focus at a readOnly field
===

We have a form with few fields marked as readOnly.

The issue is that the user is able to focus or navigate to these readOnly fields using mouse or keyboard tab, and we want to disallow this.

One way of not allowing this is to mark all such fields as 'disabled'. But when marked disabled, then though fields can not be focussed, but then these disabled fields also do not get submitted to the server which is not what is expected.

Thus, how can we prevent a focus at readOnly fields?

Could someone guide at this.

Thanks for any help in advance.

PS: The reason behind disallowing focus at readOnly fields is to provide better navigation through keyboards, so that by using tab key user navigates or jumps across only those fields which he can edit and all readOnly fields get ignored.