Autofocus na EditorFor

Question

Chciałbym autofocus na edytorze do mojej aplikacji, ale nie mogę tego zrobić. Z powodzeniem wykorzystałem autofokus na polu tekstowym, ale chciałbym użyć edytora, aby zachować uniwersalność wyglądu aplikacji.

Wszelkie rozwiązania tego problemu byłyby mile widziane, dziękuję.

Moja próba:

@Html.EditorFor(model => model.Description, new { htmlAttributes = new { @class = "form-control" }, autofocus = "" }) 

Answer 1

To dlatego, że używasz EditorFor zamiast czegoś konkretnego jak TextBoxFor.

@Html.TextBoxFor(model => model.Name, new { htmlAttributes = new { 
        @class = "form-control" }, autofocus="autofocus"}) 

Albo można to zrobić za pomocą jQuery:

<div class="editor-field focus"> 
    @Html.EditorFor(model => model.Description) 
    @Html.ValidationMessageFor(model => model.Description) 
</div> 
$(function() { 
    $('.focus :input').focus(); 
}); 

Aktualizacja:
Jak wiecie TextBoxFor zawsze tworzy pole tekstowe z wejściem typu, jednak EditorFor jest trochę inteligentny, to świadczy znaczniki oparte na typie danych właściwości.

Answer 2

Podążałem za tym wątkiem i mogłem natknąć się na odpowiedź na twoje pytanie dotyczące autofokusa na EditorFor - to wszystko Asp.Net 4.5 i MVC 5, nie to ma znaczenia.

1. W folderze Scripts Mam jQuery plik skryptu:

   $; (function() { $ ('someclassname.') Koncentrują(); .})

Dodałem nazwę skryptu do BundleConfig i renderuję go w widoku.

2. W widoku dodaję classname do EditorFor <div class="col-md-10" someclassname">
3. Następnie dodać type="text" autofocus="autofocus" do @class w EditorFor'S. Tak więc, new{@class="form-control", type="text", autofocus="autofocus"
4. To prawie wszystko, gdy DOM ładuje pole .someclassname, ustawia ostrość kursora ... PS. W rzeczywistości, jeśli po prostu (3) działa również ...

Answer 3

Umieszczasz atrybut autofokusa w niewłaściwym miejscu.

@Html.EditorFor(model => model.Description, 
    new { htmlAttributes = new { @class = "form-control" }, autofocus = "" }) 

Spróbuj to zamiast:

@Html.EditorFor(model => model.Description, 
    new { htmlAttributes = new { @class = "form-control", autofocus = "" } }) 

Answer 4

Korzystanie .Net Framework 4.5 i MVC 5, działa to dla mnie:

@Html.EditorFor(model => model.Description, new { 
    htmlAttributes = new { 
     @class = "form-control", 
     autofocus = true 
    } 
})