In our implementation, we add the data-awt attribute to the DOM element, the value consists of the context type (page and mode) and a unique string. Since we use the EXTJS library, our type is the xtype type, and the unique string is the component name or text property. Context is developer-controlled by placing a unique property on top of the parent itself, and all children use this as their context.
data-awt, devicesListing-button-edit, deviceDetails-displayfield-name, deviceDetailsEditWindow-textfield-name.
, css, id , , . , (, PM , "" DTO).