Saltar al contenido

Ayudante de tarjeta Create Handlebars | Tutoriales para desarrolladores de SAP

Hacer clic Editor para ver el HTML quien toma esta tarjeta y para agregar clases de manillares.

Garantizar Definir una fuente no mapeada para comprobar, aquí se define el mapeo real de los datos.

En esta plantilla, un D. colocado antes Bigote daliniano Esta expresión y esta expresión indican la ruta JSON correcta.

Servicios móviles de la plataforma SAP - Opera

Desplácese hacia abajo y encontrará Asistente de bloqueo del manillar función la cabeza, se centra en la ruta JSON correcta del conjunto de elementos de resultados.

Servicios móviles de la plataforma SAP - Opera

Sustituir {{dataSets.[0].data.d.LifeCycleStatusName}} le {{lcsHelper dataSets.[0].data.d.LifeCycleStatusName}} función asistente de manillar.

{{lcsHelper dataSets.[0].data.d.LifeCycleStatusName}}

Servicios móviles de la plataforma SAP - Opera

Verá una ventana emergente que alerta sobre una función auxiliar faltante. Hacer clic Cerrar para implementarlo.

Servicios móviles de la plataforma SAP - Opera

Aún no lo hemos implementado lcsHelper función.

Hacer clic Manejo… transferido a la Bigote daliniano una pestaña en la que se puede aplicar la función Asistente de manillares que falta.

Servicios móviles de la plataforma SAP - Opera

Reemplace el código fuente existente a continuación.

Handlebars.registerHelper("lcsHelper", function (passedString) {
if (passedString.includes("A")) {
return new Handlebars.SafeString( "<img src='green.png' style=' width: 24px; height: 24px;'>");
}
if (passedString.includes("R")) {
return new Handlebars.SafeString("<img src='yellow.png' style=' width: 24px; height: 24px;'>");
}
return new Handlebars.SafeString( "<img src='red.png' style=' width: 24px; height: 24px;'>");
});

Servicios móviles de la plataforma SAP - Opera

Esta función de asistente de manillares evaluará la passedString Cuál es el LifeCycleStatusName Valor JSON. Esta función insertará una imagen dependiendo del estado y enviará el relativo de vuelta HTML retazo. Si el estado C. (cerrado) ni la función insertará ninguna imagen.