Question Re: Using the Smart MultiInput Control on the Fiori Elements Object Page in Technology Q&A

Using the Smart MultiInput Control on the Fiori Elements Object Page

EkanshCapgemini — Thu, 07 Jan 2021 10:00:57 GMT

Hi,

I am new to Fiori Elements and sadly our backend ABAP version doesn't support CDS views. So I am using SEGW based OData service with additional annotation file in UI project. I have a requirement to show smart multi input control for 'plant' field to capture multiple plants in an Object Page.

I checked the documentation for this but it seems uncomplete to me as it doesn't has any annotation or metadata sample code. Could some one please provide an example for this case or guide me a little further? https://ui5.sap.com/1.65.0/#/topic/04ff5b1a81344a8e8169ea99630ff4e5

So I have two entities 'Variant' and 'Plant'. Here Variant is the main entity which has a 'Plant' property and 'ToPlant' navigation property based on following association

<Association Name="VariantToPlant" sap:content-version="1">
    <End Type="ZTEST_EKANSH_SRV.Variant" Multiplicity="1" Role="FromRole_VariantToPlant" />
    <End Type="ZTEST_EKANSH_SRV.Plant" Multiplicity="*" Role="ToRole_VariantToPlant" />
    <ReferentialConstraint>
        <Principal Role="FromRole_VariantToPlant">
            <PropertyRef Name="VariantId" />
        </Principal>
        <Dependent Role="ToRole_VariantToPlant">
            <PropertyRef Name="VariantId" />
        </Dependent>
    </ReferentialConstraint>
</Association>

'Plant' entity just has two properties 'PlantKey' and 'VariantId'.

The annotation for Plant field which I want to be as smart multi input field is as below (removed some extra fields):

<Annotation Term="UI.FieldGroup" Qualifier="GeneralData">
    <Record Type="UI.FieldGroupType">
        <PropertyValue Property="Data">
            <Collection>
                <Record Type="UI.DataField">
                    <PropertyValue Property="Value" Path="Vendor" />
                </Record>
                <Record Type="UI.DataField">
                    <PropertyValue Property="Value" Path="Plant" />
                </Record>
            </Collection>
        </PropertyValue>
    </Record>
</Annotation>

Based on this, currently it shows a normal smart field with only single select.

BR, Ekansh

Re: Using the Smart MultiInput Control on the Fiori Elements Object Page

EkanshCapgemini — Thu, 07 Jan 2021 12:53:25 GMT

Alright. I got it working with following changes:

changed the data field annotation path to navigation_property/key i.e. ''

<Record Type="UI.DataField">
    <PropertyValue Property="Label" String="{@i18n>plant}"/>
    <PropertyValue Property="Value" Path="ToPlant/PlantKey" />
</Record>

added value list annotation to PlantKey property to enable value help

Re: Using the Smart MultiInput Control on the Fiori Elements Object Page

SeSo_1 — Fri, 21 May 2021 14:00:01 GMT

Hello Ekansh,

currently I also have the requirement to map a Multi Select Combobox. I am trying to implement the 1-N association in a RAP based service. So my question. Have you been able to finish your implementation? If so, can you publish the complete annotation here? I would like to compare this with mine 🙂

Best wishes Sebastian

Re: Using the Smart MultiInput Control on the Fiori Elements Object Page

EkanshCapgemini — Sat, 22 May 2021 07:24:51 GMT

Hi Sebastian,

In fact, I had to abandon the idea of using fiori element as the requirement went too complex and it had some limitation with my FES UI5 version. So I currently don't have access to the codebase for this but the all the annotations are added in my question and answer.

Hope it helps you in some way.

BR, Ekansh

Re: Using the Smart MultiInput Control on the Fiori Elements Object Page

amitg1275 — Mon, 12 Jul 2021 07:33:44 GMT

Hello Sebastian

I am also using RAP . Did you find way to make a Multi input field using RAP ?

Thanks

Amit Gupta

Re: Using the Smart MultiInput Control on the Fiori Elements Object Page

SeSo_1 — Thu, 15 Jul 2021 14:52:55 GMT

Hi Amit,

yes i solved it.

you have to make a 1..N composition in the root entity like this:

and make an annotation with value like this:

the result in the ADT:

Best regards

Sebastian Sobierajski

Re: Using the Smart MultiInput Control on the Fiori Elements Object Page

MattDion — Fri, 22 Jul 2022 16:05:53 GMT

This worked for me as well. One additional hint to add is that if additional UI annotations are required (such as textArrangement: #TEXT_ONLY), these annotations need to be applied to the composition entity's field and not the composition itself in the parent entity.

Re: Using the Smart MultiInput Control on the Fiori Elements Object Page

JeremyCoppey — Tue, 21 Feb 2023 12:35:32 GMT

Hi Sebastian,

Can you clarify your answer?

Maybe share the code of the CDS we have the same requirement and I'm stuck (UIversion: 1.96.6 S4/hana 2021)

Kind regards

Jérémy