Ytukyg

I have just started with learning UI5 coding and I am not a pro in it.

I am trying to add a combo box in my search field to enhance the search option in my application. so I am using the table tag but whenever I try to insert the code;

<t:Table id="idoclist" selectionMode="MultiToggle" rows="{idoc_list_msg>/results}" visibleRowCount="12" cellClick="onPress"

                        sort="sortDeliveryDate" enableCellFilter="{ui>/cellFilterOn}" ariaLabelledBy="title">

<                       <t:headerToolbar>

                        <t:toolbar>

                                <Title text="IDOC Data" level="H1"/>

                                            <t:ToolbarSpacer/>

                                            <ComboBox id="filtercombo">

                                                <core:Item key="Trkorr" text="IDOC Number"/>

                                                <core:Item key="TrType" text="Created ON"/>

                                                <core:Item key="As4text" text="IDOC Type"/>

                                                <core:Item key="" text=""/>

                                            </ComboBox>

                                            <SearchField width="50%" search="onFilter" placeholder="Filter"/>



                        </t:toolbar>

                        </t:headerToolbar>

I get error saying:

the aggregation node for control 'sap.ui.table.Table' is incorrect.

Can somebody please help me if I am missing on to something before this.

Thanks,
Chaitali.

You are missing the content aggregation on your toolbar. It should look like this:

<t:Table id="idoclist" selectionMode="MultiToggle" 

rows="{idoc_list_msg>/results}" visibleRowCount="12" cellClick="onPress"

sort="sortDeliveryDate" enableCellFilter="{ui>/cellFilterOn}" ariaLabelledBy="title">

    <t:headerToolbar>

        <t:toolbar>

            <content>

                <Title text="IDOC Data" level="H1"/>

                <t:ToolbarSpacer/>

                <ComboBox id="filtercombo">

                    <core:Item key="Trkorr" text="IDOC Number"/>

                    <core:Item key="TrType" text="Created ON"/>

                    <core:Item key="As4text" text="IDOC Type"/>

                    <core:Item key="" text=""/>

                </ComboBox>

                <SearchField width="50%" search="onFilter" placeholder="Filter"/>

            </content>

        </t:toolbar>

     </t:headerToolbar>

The sap.ui.core.Toolbar aggregation is now deprecated as of version 1.38 for sap.ui.table.Table so I would recommend using sap.m.Table on your view to look something like this:

<Table id="_yourTable">

   <headerToolbar>

      <Toolbar>

         <content>

            <Label text="Toolbar Label"></Label>

         </content>

      </Toolbar>

   </headerToolbar>

The headerToolbar is not a valid aggregation for sap.ui.table.Table . This means that you cannot use headerToolbar inside Table directly. Your next option would be to use the toolbar aggregation. But this has been deprecated since version 1.38 .(Refer this document to know more about sap.ui.table.Table)

So you can use the extension aggregation to include your toolbar. I have modified your table with sap.m.Toolbar.

<t:Table id="idoclist" selectionMode="MultiToggle" rows="{idoc_list_msg>/results}" visibleRowCount="12" cellClick="onPress"

    sort="sortDeliveryDate" enableCellFilter="{ui>/cellFilterOn}" ariaLabelledBy="title">

    <t:extension>

        <Toolbar>

            <Title text="IDOC Data" level="H1"/>

            <ToolbarSpacer/>

            <ComboBox id="filtercombo">

                <core:Item key="Trkorr" text="IDOC Number"/>

                <core:Item key="TrType" text="Created ON"/>

                <core:Item key="As4text" text="IDOC Type"/>

                <core:Item key="" text=""/>

            </ComboBox>

            <SearchField width="50%" search="onFilter" placeholder="Filter"/>

        </Toolbar>

    </t:extension>

</t:Table>