setText doesn't work in attachRequestCompleted

[UlisesCasal]

Hello everyone!!, I’m developing in sapui5 and I want to be able to setText to an element of my View, but when I run it, it gives me the following error:

The code below:

_onObjectMatched: function(oEvent) {
			var oModel = new JSONModel(
				sap.ui.require.toUrl("Ejercicio1Tabla/jg.json")
			);
			this.getView().setModel(oModel, "jg");

			var cc = oEvent.getParameter("arguments").equipo1;
			var cc1 = oEvent.getParameter("arguments").equipo2;
			var textId1 = this.getView().byId("tl");
			var strTitle = 'Jugadores del encuentro ' + cc + ' VS ' + cc1;
			textId1.setText(strTitle);
			var jugadores = [];
			var that = this;
			oModel.attachRequestCompleted(function() {
				var data = oModel.getData();

				data.jg.forEach(function(partido) {
					if (partido.local === cc && partido.visitante === cc1) {
						jugadores.push(partido.jugador1);
						jugadores.push(partido.jugador2);
						jugadores.push(partido.jugador3);
					}
				});
				var txtJugadores = that.getView().byId("tx1");
				txtJugadores.setText(jugadores);
			});

		}

Regards

[Ryan-Crosby]

You need to check the result on line 24 because it indicates that txtJugadores is undefined. You cannot call a method setText on an undefined object.

[Edrilan_Berisha]

Hi,

as already pointed out, you didn't fetch the element with that

that.getView().byId("tx1");

Can you share how your view looks like?

Best,

Edrilan Berisha

SAP S/4HANA Cloud Financials Development

[UlisesCasal]

Hi

[UlisesCasal]

<mvc:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" controllerName="Ejercicio1Tabla.controller.Jugadores" xmlns:html="http://www.w3.org/1999/xhtml" id="jugadores"> <App> <pages> <Page title="Title"> <content> <Table items="{jg>/items}" id="tabla"> <headerToolbar> <OverflowToolbar id="ov"> <content> <Title id="tl" text="Jugadores del encuentro {cc} vs {cc1}" level="H2"/> <ToolbarSpacer id="tb"/> </content> </OverflowToolbar> </headerToolbar> <columns> <Column width="12em" id="c1"> <Text text="Nombre" id="nombre"/> </Column> <Column id="c2" hAlign="Center"> <Text text="Apellido" id="apellido"/> </Column> <Column id="c3" minScreenWidth="Desktop" demandPopin="true"> <Text text="Cantidad de goles" id="goles"/> </Column> </columns> <items> <ColumnListItem vAlign="Middle" id="cl1"> <cells> <Text id="tx1"/> </cells> </ColumnListItem> </items> </Table> </content> </Page> </pages> </App> </mvc:View>

[Ryan-Crosby]

@UlisesCasal you cannot retrieve a text field from the view directly that is part of an aggregation like that.