How to show All attributes of B type in editable mode in A type editor area in back office .

using hybris 6 - backoofice extension.

Ex:

     <editorArea:editorArea xmlns:editorArea="http://www.hybris.com/cockpitng/component/editorArea">
         <editorArea:tab name="xyz tab">
             <editorArea:section name="xyz section">
                     <editorArea:attribute qualifier="code" readonly="true" label="code"/>
                     <editorArea:attribute qualifier="X" /> --> **"Integer"**
                     <editorArea:attribute qualifier="y" /> --> **"String"**
                     <editorArea:attribute qualifier="z" /> --> **"Booleaan"**
                     <editorArea:attribute qualifier="b" />   --> **" attribute of type B "**                  
         </editorArea:section> 
     </editorArea:editorArea>
 </context>

Here B type is used in A type and B type is having 3 diff attributes of its own. i want to display the B type attributes in my A type editor-area in backoffice and option to edit them as well. currently using "com.hybris.cockpitng.editor.defaultferenceeditor" i was only able to get a box which on click will open a popup with B type attribute editor.

What is the best possible way to handle this requirment ?.

Thanks in advance.