MVC 3 Vista rasoio: generazione di JavaScript da un valore di modello booleano

Question

Utilizzo il motore di visualizzazione Razor ASP.Net MVC 3.

Ho un obbligo di generare codice JavaScript nella mia vista in base a un valore nel mio modello di vista. Il valore che devo usare è un valore booleano, per questo esempio lo chiamiamo IsSet.

Quindi quello che voglio fare è creare un booleano JavaScript basato su questo valore che posso usare nello script in seguito.

Tenete presente che per tutti al di sotto esempi che ho questo pezzo di codice nella parte superiore del mio punto di vista ...

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

NOTA: Tutti gli esempi che seguono sono JavaScript.

Primo tentativo ...

var IsSet = @(IsSet); 

... questo in realtà funziona, il problema è si rompe l'auto-formattazione (CTRL + E, D) in VS 2010 a causa di mal formattato JavaScript - come ci si potrebbe aspettare, e questo non è accettabile.

Secondo tentativo ...

var IsSet = "@(IsSet)"; 

... Lo so, JavaScript è intelligente, che si auto-analizzare la mia stringa quando necessario. Ooops, ho dimenticato che si tratta di un tipo di stringa e qualsiasi cosa diversa da vuota valuta true.

terzo tentativo ...

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

.... sicuramente questo funzionerà ... no, convertire stringa non vuota su true nuovo (male parser!)

Quarto tentare ...

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

Finalmente qualcosa che funziona, ma non sembra grande per me.

Lo userò se necessario, ma alla fine la mia domanda è: esiste un modo migliore per gestire questo tipo di situazione? Forse, il comportamento indesiderato nel mio primo tentativo è solo qualcosa che Microsoft potrebbe aver trascurato?

Se qualcuno ha un bel quinto tentativo per me, sarebbe bello.

La cosa importante per me è che l'auto-formattazione in VS 2010 non rompe

Grazie

Answer 1

Versione 1 è l'unico di quelli che voterei anche se lavorassero tutti, perché è il più leggibile.Sfortunatamente non ho VS in casa quindi non posso provarlo per vedere quale sia il problema di formattazione automatica, ma se possibile vorrei ignorare il problema e andare avanti e usare quella versione dato che c'è niente di veramente sbagliato con il codice - è solo VS che è confuso. (Sta dicendo VS sta cercando di interpretare il tutto come JS e quindi trovarlo non valida?)

Ma se volete alcune altre opzioni:

quinto tentativo ...

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

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

Trasforma il valore della stringa in un booleano con il vecchio trucco doppio non operatore - come hai già indicato sia "true" che "false" diventerebbe vero, ma questo problema scompare se usi "true" e "" (stringa vuota) - così puoi usare Boolean() come per il tuo "terzo tentativo".

tentativo Sesto ...

@{ 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, così si finisce con una funzione abbastanza inutile nella parte superiore della pagina, ma mantiene le dichiarazioni delle variabili effettivi ragionevolmente ordinata e se il debug lato client vedrai bool("false") o bool("true").

settimo tentativo ...

non mi piace il passaggio aggiuntivo di creazione del server-side string IsSet = Model.IsSet ? "true" : "false"; in anticipo. Non so sintassi Razor, ma si può dire qualcosa sulla falsariga di:

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 "" 

mi aspetterei tutti i miei "tentativi" per lavorare, ma ancora una volta credo che il tuo "primo tentativo" è l'opzione migliore .

Answer 2

ne dite:

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

Answer 3

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

Answer 4

Nessuna delle versioni mostrate finora (sia nella domanda che nelle risposte) è qualcosa che vorrei utilizzare. Ecco come lo farei:

@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 se avete bisogno di altre proprietà del modello al fine di essere manipolati con javascript si potrebbe JSON codificare l'intero modello:

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

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

Answer 5

Ho appena lottato con la stessa problema per circa un'ora. La mia soluzione finale era equivalente alla seguente.

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

Non richiede codice aggiuntivo.

Answer 6

ne dite:

@Ajax.ToJson(Model.IsSet) 

Answer 7

Ecco quello che io uso, all'interno di un blocco javascript:

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

Answer 8

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

• linea singola
• Gestisce la differenza tra il caso.Net e JavaScript
• Funziona con auto-formattazione (Visual Studio e Visual Studio con ReSharper)
• Ragionevolmente idiomatica se si ha familiarità con JavaScript regex
• Abbastanza resistenti agli errori di logica; dovrebbe fare come previsto o lanciare un errore JavaScript (o eventualmente un errore di compilazione Razor).

Answer 9

So che questa è una domanda vecchia, ma nessuna delle risposte è particolarmente elegante.

La soluzione più semplice in queste situazioni è semplicemente quella di aggiungere +0 al vostro condizionale. Converte implicitamente il bool in un int, ma poiché il risultato è 0 o 1 viene immediatamente convertito nuovamente dall'istruzione if. Esempio:

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

Assegnare un valore booleano a una variabile potrebbe essere raggiunto nel modo seguente:

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

Il codice funziona, si ottiene linee ondulate rosse, e il Visual Studio formattatore è felice.