MVC 3 Razor View: Generowanie kodu JavaScript z wartości modelu boolowskiego

Question

Używam mechanizmu wyświetlania maszynki ASP.Net MVC 3 Razor.

Mam wymóg generowania kodu JavaScript w moim widoku na podstawie wartości w moim modelu widoku. Wartość, której potrzebuję użyć, jest wartością logiczną, w tym przykładzie można ją nazwać IsSet.

Co chcę zrobić, to utworzyć boolean JavaScript w oparciu o tę wartość, której później mogę użyć w skrypcie.

Należy pamiętać, że dla wszystkich poniżej przykłady Mam ten fragment kodu na szczycie moim zdaniem ...

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

UWAGA: Wszystkie poniższe przykłady JavaScript.

Pierwsza próba ...

var IsSet = @(IsSet); 

... to faktycznie działa, problem jest łamie auto-formatowanie (Ctrl + E, D) w VS 2010 z powodu źle sformatowane JavaScript - jak można się spodziewać, a to nie jest dopuszczalne.

Druga próba ...

var IsSet = "@(IsSet)"; 

... Wiem, JavaScript jest mądry, to zostanie automatycznie analizować mój ciąg, gdy są potrzebne. Ooops, zapomniałem, że jest to ciąg znaków, a wszystko inne, niż puste, jest prawdziwe.

Trzecia próba ...

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

.... na pewno to będzie działać ... nope, konwersja niepusty ciąg true ponownie (złe parsera!)

czwarte próbować ...

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

Wreszcie coś, co działa, ale to nie wygląda wspaniale mnie.

Użyję tego w razie potrzeby, ale ostatecznie moje pytanie brzmi: czy istnieje lepszy sposób radzenia sobie z taką sytuacją? Być może niechciane zachowanie w mojej pierwszej próbie jest czymś, co Microsoft przeoczył?

Jeśli ktoś ma miłą i uporządkowaną piątą próbę dla mnie, to byłoby dobrze.

Ważną rzeczą dla mnie jest to, że auto-formatowanie w VS 2010 nie łamie

Dzięki

Answer 1

Wersja 1 jest tylko jednym z tych na które głosowałbym, nawet gdyby wszystkie zadziałały, ponieważ jest to najbardziej czytelne dla człowieka.Niestety nie mam VS w domu, więc nie mogę go wypróbować, żeby zobaczyć, co to jest problem z automatycznym formatowaniem, ale jeśli w ogóle to możliwe, zignorowałbym ten problem i używałbym tej wersji, biorąc pod uwagę, że istnieje nic nie jest w porządku z kodem - to po prostu VS jest zdezorientowany. (Czy mówisz VS próbuje interpretować całość jako JS, a tym samym znalezienie go nieważny?)

Ale jeśli chcesz jakieś inne opcje:

piątej próbie ...

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

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

Zmień wartość ciągu na boolean ze starą metodą double-not-operator - jak już zaznaczyłeś, obie wartości "true" i "false" staną się prawdą, ale ten problem zniknie, jeśli użyjesz "true" i "" (pusty ciąg znaków) - możesz więc użyć Boolean() jako "trzeciej próby".

Szósta próba ...

@{ 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, więc skończyć z dość bezsensownej funkcji w górnej części strony, ale to wciąż aktualne deklaracje zmiennych rozsądnie schludny i jeśli debugowanie po stronie klienta zobaczysz bool("false") lub bool("true").

Siódma próba ...

Nie lubię dodatkowy krok tworzenia stronie serwera string IsSet = Model.IsSet ? "true" : "false"; wyprzedzeniem. Nie wiem składni Razor, ale można powiedzieć coś w rodzaju:

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

spodziewałbym wszystkich moich „prób” do pracy, ale znowu myślę, że „Pierwsza próba” jest najlepszym rozwiązaniem .

Answer 2

Jak o:

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

Answer 3

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

Answer 4

Żadna z wersji przedstawionych do tej pory (zarówno w pytaniu i odpowiedzi) jest coś, co chciałbym użyć. Oto w jaki sposób to zrobić:

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

lub jeśli potrzebne inne właściwości swojego modelu widoku być zmieniane za pomocą JavaScript można JSON zakodować cały model:

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

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

Answer 5

Właśnie mocował się z tym samym wydawać około godziny. Moje końcowe rozwiązanie było równoważne poniższym.

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

Nie wymaga dodatkowego kodu.

Answer 6

Jak o:

@Ajax.ToJson(Model.IsSet) 

Answer 7

Oto co mogę używać, wewnątrz bloku javascript:

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

Answer 8

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

• Pojedyncza linia
• Uchwyty różnicę pomiędzy case.Netto i JavaScript
• Works z auto-formatowania (Visual Studio i Visual Studio z Resharper)
• Racjonalnie idiomatyczne jeśli jesteś zaznajomiony z JavaScript regexes
• Dość odporny na błędy logiczne; powinien zrobić to w sposób zamierzony lub zrzucić błąd JavaScript (lub prawdopodobnie błąd kompilacji Razor).

Answer 9

Wiem, że to stare pytanie, ale żadna z odpowiedzi nie jest szczególnie elegancka.

Najprostszym rozwiązaniem w tych sytuacjach jest dodanie do warunku wartości +0. To niejawnie konwertuje wartość bool na int, ale ponieważ wynikiem jest 0 lub 1, jest ona natychmiast konwertowana ponownie przez instrukcję if. Przykład:

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

Przypisywanie wartość logiczną do zmiennej można osiągnąć w następujący sposób:

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

Kod działa, masz żadnych czerwone linie falowane, a Visual Studio formater jest szczęśliwy.