MVC 3 Razor View: generación de JavaScript a partir de un valor de modelo booleano

Question

Estoy usando el motor de vista ASP.Net MVC 3 Razor.

Tengo un requisito para generar código JavaScript en mi Vista en función de un valor en mi Modelo de Vista. El valor que necesito usar es booleano, para este ejemplo, llamemos al IsSet.

Entonces, lo que quiero hacer es crear un booleano JavaScript basado en este valor que pueda usar en el script más adelante.

Tenga en cuenta que para todos los ejemplos a continuación tengo este trozo de código en la parte superior de mi vista ...

@{ string IsSet = Model.IsSet ? "true" : "false"; } 

NOTA: Todos los ejemplos a continuación son JavaScript.

Primer intento ...

var IsSet = @(IsSet); 

... esto realmente funciona, el problema es que rompe el auto-formateo (CTRL + E, D) en VS 2010 debido al mal formateados JavaScript, como era de esperar, y esto no es aceptable.

Segundo intento ...

var IsSet = "@(IsSet)"; 

... Lo sé, JavaScript es inteligente, que se auto-analizar mi cadena cuando sea necesario. Ooops, se olvidó de que es un tipo de cadena y todo lo que no sea vacío se evalúa como verdadero.

tercer intento ...

var IsSet = Boolean("@(IsSet)"); 

.... sin duda esto va a funcionar ... pues no, convertir cadena no vacía en true (mala analizador!)

Cuarto intentar ...

var IsSet = "@(IsSet)" === "true"; 

Finalmente algo que funciona, pero no se ve muy bien para mí.

Utilizaré esto si es necesario, pero en última instancia, mi pregunta es: ¿hay una mejor manera de manejar este tipo de situación? Quizás, el comportamiento no deseado en mi primer intento es algo que Microsoft puede haber pasado por alto?

Si alguien tiene un quinto intento bonito y ordenado para mí, sería bueno.

Lo importante para mí es que el formato automático en VS 2010 no se rompe

Gracias

Answer 1

Versión 1 es el único de los que votaría incluso si todos funcionaran, porque es el más legible para los humanos.Desafortunadamente no tengo VS en casa, así que no puedo probarlo para ver cuál es el problema del formato automático, pero si es posible, me gustaría ignorar el problema y seguir usando esa versión dado que hay nada realmente incorrecto con el código; solo VS es confuso. (¿Estás diciendo VS está tratando de interpretar todo como JS y así encontrar inválida?)

Pero si quieres algunas otras opciones:

quinto intento ...

@{ string IsSet = Model.IsSet ? "true" : ""; } 

var isSet = !!"@(IsSet)"; 
// OR 
var isSet = Boolean("@(IsSet)"); 

Forzar el valor de cadena en un booleano con el viejo truco de doble no operador: como ya señaló, tanto "verdadero" como "falso" se convertirían en verdaderos, pero este problema desaparece si usa "verdadero" y "" (cadena vacía) - para que pueda usar Boolean() según su "tercer intento".

sexto intento ...

@{ string IsSet = Model.IsSet ? "true" : "false"; } 

// helper function at the top of your page: 
function bool(strVal) { 
    return strVal === "true"; 
} 

// variable declaration 
var isSet = bool("@(IsSet)"); 

OK, por lo que terminan con una función bastante inútil en la parte superior de la página, pero mantenga las declaraciones de variables reales razonablemente ordenado y si la depuración del lado del cliente verá bool("false") o bool("true").

séptimo intento ...

no me gusta el paso adicional de crear el lado del servidor string IsSet = Model.IsSet ? "true" : "false"; con antelación. No sé la sintaxis Razor, pero puedo decir algo a lo largo de las líneas de:

var isSet = !!"@(Model.IsSet ? "true" : "")"; 
// OR, better: 
var isSet = !!"@(rzrBool(Model.IsSet))"; 
// where rzrBool() is a server-side helper function (that you would create) 
// which returns "true" or "" 

Yo esperaría que todos mis "intentos" para trabajar, pero de nuevo creo que su "primer intento" es la mejor opción .

Answer 2

¿Qué tal:

@Model.IsSet.ToString().ToLower() 

Answer 3

var isSet= @((bool)Model.IsSet?"true":"false"); 

Answer 4

Ninguna de las versiones mostradas hasta el momento (tanto en la pregunta como en las respuestas) es algo que usaría. Así es como yo lo haría:

@model MyViewModel 
<script type="text/javascript"> 
    var isSet = @Html.Raw(Json.Encode(Model.IsSet)); 

    // TODO: use the isSet javascript variable here as a standard boolean value 
</script> 

o si necesitaba otras propiedades de su modelo de vista para ser manipulado con javascript que podría JSON codificar todo el modelo:

@model MyViewModel 
<script type="text/javascript"> 
    var model = @Html.Raw(Json.Encode(Model)); 

    if (model.IsSet) { 
     alert(model.FooBar); 
    } 
</script> 

Answer 5

acabo luchado con el mismo problema por alrededor de una hora. Mi solución final fue equivalente a la siguiente.

var IsSet = @(Model.IsSet.ToString().ToLower()); // Inside JavaScript block 

Esto no requiere código adicional.

Answer 6

¿Qué tal:

@Ajax.ToJson(Model.IsSet) 

Answer 7

Aquí es lo que yo uso, dentro de un bloque javascript:

var someValue; 
@{ var someValue= "someValue= " + Model.SomeValue+ ";"; } 
@someValue 

Answer 8

var isSet = /true/i.test('@Model.IsSet'); 

• sola línea
• se encarga de la diferencia entre el caso.Net y JavaScript
• Funciona con el formato automático (Visual Studio y Visual Studio con ReSharper)
• Razonablemente idiomática si está familiarizado con el lenguaje Java expresiones regulares
• bastante resistente a los errores de lógica; debería hacer lo previsto o lanzar un error de JavaScript (o posiblemente un error de compilación de Razor).

Answer 9

Sé que esta es una pregunta antigua, pero ninguna de las respuestas es particularmente elegante.

La solución más simple en estas situaciones es simplemente anexar +0 a su condicional. Esto convierte implícitamente el bool en un int, pero como el resultado es 0 o 1, la sentencia if la vuelve a convertir inmediatamente. Ejemplo:

// The space is optional 
if (@IsSet +0) { 
    // Do stuff 
} 

asignación de un valor a una variable booleana se puede lograr de la siguiente manera:

// Note the double (not triple) equals, which performs type conversion 
var isSet = @IsSet+0 == true; 

El código funciona, no se obtienen líneas onduladas de color rojo, y el Estudio Visual formateador es feliz.