Как правильно использовать input type="submit" в cshtml?

Question

[vovkaooo2]

Здравствуйте, делаю проект на ASP.NET + MVC. Поменял в корни стиль некоторых контролов (textarea, text...), используя bootstrap. И тут возникла одна проблемка: не передает данные в метод [HttpPost], если не заключено в блок @using (Html.BeginForm()) {} вместе с нужными полями, но как только я заключаю нужные для отправки данных контролы в этот блок они утрачивают свой нормальный вид. Можно ли организовать передачу данных иным методом или использовать что-то вместо @using (Html.BeginForm()) {}?

Comments

[V Sh.]

Передача методом POST возможно только из формы или из ajax-запроса. Вам нужен первый вариант. И стили с элементов не должны слетать только за счет добавления, собственно, формы.

[vovkaooo2]

V Sh.: и все же они слетают

Answer 1

[Андрей]

Дело в том, что стандартные хелперы (Html.BeginForm и т.д.) по умолчанию не задают элементам классы, которые принято использовать в Bootstrap. Поэтому у каждого метода есть версия, которая принимает анонимный объект с атрибутами. Например, так:

@Html.TextBoxFor(x => x.MyField, new { @class = "form-control" })

Comments

[vovkaooo2]

Например, у меня контрорл заключен ячейку fieldset внутри контактной формы div class="contact-form". input type у него "text". И как мне это записывать?

[Андрей]

Html.TextBoxFor(...) используется вместо самого тега . Все остальные обрамляющие теги на ваше усмотрение.

[vovkaooo2]

Андрей: собственно, опять же: без Html.BeginForm() все нормально, как добавлю его (или form method="post") опять слетает все. Есть альтернативный вариант для submit?

[Андрей]

vovkaooo2: скорее всего, некорректно написаны стили. Проверить можно так: сначала открываете страницу без формы, где стили выглядят корректно. В отладчике браузера смотрите, какие селекторы CSS к ним применяются. Наверняка там будет завязка на определенный порядок тегов\классов, который с добавлением формы нарушается. Как конкретно их исправить - смотрите по ситуации.

Разумеется, можно сделать обвязку на JS, которая при нажатии на кнопку собирает данные из всех нужных полей и отправляет их через ajax post. Но это абсолютно флибустьерский способ на самый-самый крайний случай!

[vovkaooo2]

Андрей: спасибо!

Answer 2

[Дмитрий Ковальский]

В принципе для несложных моделей мы можете использовать и обычные теги без html-хелперов. Главное знать правила маппинга и корректно заполнить атрибут name у нужного контрола. Для более витиеватых моделей или отрисовки через EditorTemplates - лучше конечно освоить все входные параметры методов-хелперов.