Fiori Extension Point Question

Question

I am trying to extend the Approve Timesheets app, there is an extension point in the Object header that I would like to add attributes to:
<ObjectHeader
                title="{parts:[{path:'DetailModel>/Cotype'},{path:'DetailModel>/Codesc'}],formatter:'hcm.mgr.approve.timesheet.utility.Parser.projectTitle'}"
                number="{DetailModel>/No_People}"
                numberUnit="{i18n>TSA_PEOPLE}"
                visible="{DetailModel>/CostVisible}">
                <firstStatus>
                    <ObjectStatus text="{path:'DetailModel>Overtime', formatter:'hcm.mgr.approve.timesheet.utility.Parser.parseOverTime'}"></ObjectStatus>
                </firstStatus>
                <!-- extension point for additional fields -->
                <core:ExtensionPoint name="extS3CostHeader"></core:ExtensionPoint>
            </ObjectHeader>
I used the Add SAP Fiori Extension option in Juno so I am pretty sure I have the component.js part setup right, here is my code for the fragment:
<core:FragmentDefinition xmlns="sap.m" xmlns:core="sap.ui.core">
      <attributes>
      <ObjectAttribute text="Hello World" />     
    </attributes>
</core:FragmentDefinition>
Wen I run the app it just hangs?
Thoughts?
Do I need something more in the fragment?

Answer 1

Hi Mike (& Jason),
I am having exactly the same issue trying to add an extension point to the Wave 2 PO Approval app.
Like your example, the ExtensionPoint is placed in the standard view within an open construct (in your case <ObjectHeader>     ....     </ObjectHeader>; in my case for the MM_PO_APV app S2 view it is within <ObjectListItem>   ...   </ObjectListItem>).
It seems that the core code that inserts the extension point fragment code into the standard code at the insertion point does not understand that the fragment is a sub-element of the open object definition at that point and goes looking for a javascript file of the sub-element name.
I have searched through every Fiori and SAPUI5 document I can find for an example of a working view extension fragment where the extension point is located within an open definition like these, but have not been able to find one. I assume there is some syntax required in the fragment to give the right context to the extension point handler, but being a long time abaper and not a JS or XML programmer I have not been able to crack it. All the short documents on extensibility just give the basics and assume the code fragment will just work, and the long documents (like the SAPUI5 developers guide and the Hana SDK site) also do not cover this exact scenario with an example of the fragment code. However I have seen posts here by people saying that they have implemented these same view extensions successfully.
It is possible that it is an XML namespace issue but I have seen it written that the code fragments should inherit all bindings from the view where the extension point is, so that should be taken care of and the JS library resolution worked out based on the view being extended.
I have got a controller extension working on the S3 view of the PO Approval app so I am not a complete SAPUI5 dolt (well, until proven otherwise ).
Mike - did you get it to work? If so can you post the code? I invite anyone with a working view extension, where the insertion point is located within an open object definition, to post the code fragment here (please).
For reference, the extension point in the PO Approval S2 view is located just before the </ObjectListItem> tag in the following SAP-standard view code (posted after my signature below)
Regards,
Mark
<List
     id="list"
     mode="{device>/listMode}"
     select="_handleSelect">
     <ObjectListItem     
          id="MAIN_LIST_ITEM"
          type="{device>/listItemType}"
          press="_handleItemPress"
          title="{SupplierName}"
          number="{parts:[{path : 'Value'}], formatter : 'ui.s2p.mm.purchorder.approve.util.Conversions.lazyRoundNumber'}"
          numberUnit="{Currency}">
          <firstStatus>
               <ObjectStatus
                    text="{parts:[{path:'WiCreatedAt'}], formatter:'ui.s2p.mm.purchorder.approve.util.Conversions.formatDaysAgo'}">
               </ObjectStatus>
          </firstStatus>
          <attributes>
               <ObjectAttribute text="{ItemDescriptions}" />
               <ObjectAttribute text="{CreatedByName}" />
               <ObjectAttribute text="{parts:[{path : 'ForwardedByName'}], formatter : 'ui.s2p.mm.purchorder.approve.util.Conversions.forwardedBy'}"
               visible="{parts:[{path : 'ForwardedByName'}], formatter : 'ui.s2p.mm.purchorder.approve.util.Conversions.commonFieldVisibilityTrigger'}" />
               <ObjectAttribute text="{parts:[{path : 'SubstitutingForName'}], formatter : 'ui.s2p.mm.purchorder.approve.util.Conversions.substitutedBy'}"
               visible="{parts:[{path : 'SubstitutingForName'}], formatter : 'ui.s2p.mm.purchorder.approve.util.Conversions.commonFieldVisibilityTrigger'}" />
               </attributes>
               <core:ExtensionPoint name="extListItemInfo" />
     <ObjectListItem>
</List>