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.

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.

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

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

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

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.

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;'>");
});

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.