Różnice między Html.TextboxFor i Html.EditorFor w MVC i Razor

Question

Dlaczego domyślnie zostały one zmienione podczas dodawania nowego widoku "edytuj"? Jakie są zalety korzystania z EditorFor() vs. TextboxFor()?

Znalazłem to

Domyślnie Tworzenie i edytowanie rusztowania teraz użyć pomocnika Html.EditorFor zamiast pomocnika Html.TextBoxFor. Poprawia to obsługę metadanych w modelu w postaci atrybutów adnotacji danych , gdy okno dialogowe Dodaj widok generuje widok.

Answer 1

Zalety EditorFor polega na tym, że Twój kod nie jest powiązany z <input type="text". Jeśli więc zdecydujesz się zmienić coś w tym, jak twoje pola tekstowe są renderowane jak owijanie ich w div, możesz po prostu napisać niestandardowy szablon edytora (~/Views/Shared/EditorTemplates/string.cshtml), a wszystkie twoje pola tekstowe w aplikacji automatycznie skorzystają z tej zmiany, a jeśli masz zakodowany na stałe Html.TextBoxFor będziesz musiał go modyfikować wszędzie. Możesz także użyć Adnotacji danych, aby kontrolować sposób renderowania.

Answer 2

Zawsze tworzy pole tekstowe().

Podczas gdy EditorFor sprawdza typ i metadane oraz może renderować inny element sterujący lub dostarczany szablon.

Na przykład we właściwościach DateTime można utworzyć szablon wykorzystujący jQuery DatePicker.

Answer 3

TextBoxFor: Wyrenderowany tekst będzie odpowiadał elementowi html odpowiadającemu określonemu wyrażeniu. W prostym słowie będzie zawsze renderować jak pole tekstowe wejściowe, niezależnie od typu danych właściwości, która jest łączona z formantem.

EditorFor: Ta kontrola jest nieco inteligentna. Wyświetla znaczniki HTML na podstawie typu danych właściwości. Na przykład. załóżmy, że w modelu istnieje właściwość boolowska. Aby wyrenderować tę właściwość w widoku jako pole wyboru, możemy użyć CheckBoxFor lub EditorFor. Obie będą generować ten sam znacznik.

Jaka jest zaleta korzystania z EditorFor?

Jak wiemy, w zależności od typu obiektu generuje on znaczniki html. Załóżmy więc, że jutro, jeśli zmienimy typ danych właściwości w modelu, nie trzeba niczego zmieniać w widoku. EditorFor automatycznie zmieni znaczniki html.

Answer 4

Istnieje również niewielka różnica w wynikach html dla typu danych ciąg.

Html.EditorFor: 
<input id="Contact_FirstName" class="text-box single-line" type="text" value="Greg" name="Contact.FirstName"> 

Html.TextBoxFor: 
<input id="Contact_FirstName" type="text" value="Greg" name="Contact.FirstName"> 

Answer 5

Jest to jedna z podstawowych różnic nie wymienionych w poprzednich komentarzach:
Readonly nieruchomość będzie współpracować z pola tekstowego i za to nie będzie działać z EditorFor.

@Html.TextBoxFor(model => model.DateSoldOn, new { @readonly = "readonly" }) 

Powyższy kod działa, gdzie podobnie jak w następstwie nie można dokonać kontroli do readonly.

@Html.EditorFor(model => model.DateSoldOn, new { @readonly = "readonly" })