templates - vue - Cómo verificar valores nulos usando la plantilla de kendo

plantillas vuejs

Question

Hola, tengo una cuadrícula de kendo como la de abajo y quería verificar el valor nulo de la columna y, según la condición, quiero mostrar un número predeterminado en la columna

Aquí está mi código de ejemplo.

 $("#eCount").kendoGrid({
dataSource: {
data: myModel,
pageSize: 5
},
columns: [
{
field: "Count",
title: "Count",
template: ''# if (Count == "null" ) {#1#} else {#Count#}#''
}]
});

Pero no entiendo cómo hacerlo. ¿Alguna solución?

Answer 1

Encontré que este es el más útil:

#= typeof street2 == "undefined" || street2 == null ? "" : street2 #

El tipo de comprobación puede ser útil al agregar filas programáticamente a la fuente de datos de la cuadrícula y no especificar el valor para el campo street2 :

grid.dataSource.add({}); //this line will generate an error when you''re not using ''typeof'' check

También relacionado con su pregunta, para escenarios más complejos, también he encontrado útil hacer otras comprobaciones dentro de la plantilla usando data.xxx , como esto:

# if (data.street2 && data.street2.length) { #
<span>#: street2 # </span>
# } else { #
<span>N/A</span>
# } #

Answer 2

Puede utilizar Javascripts en línea si el formato

#= street2 != null ? street2 : '''' #

Answer 3

var dataSource = new kendo.data.DataSource({
transport: {
...
},
schema: {
model: {
myCount: function () {
return this.get("Count") == null ? 1 : this.get("Count");
}
}
}
<script id="template">
#=myCount()#
</script>

O puede hacer esto si no está utilizando una fuente de datos.

<script id="template">
# var count = data.Count || 1; # // Javascript # #
<span>#=count#</span> // Binding #= #
</script>