Добавление класса к вызову Ajax.BeginForm в Razor View Model

Question

У меня есть следующий код

@using (Ajax.BeginForm(new AjaxOptions { UpdateTargetId = "update_panel", Url = "/Part/SearchPart" }))
        {
            <input type="text" placeholder="Search Parts"/>
            <input type="submit" value="Search"/>
        }

, он выводит следующий HTML

<form action="/Part" data-ajax="true" data-ajax-mode="replace" data-ajax-update="#update_panel" data-ajax-url="/Part/SearchPart" id="form0" method="post">                        
    <input type="text" placeholder="Search Parts"/>
        <input type="submit" value="Search"/>
</form>

, и я хотел бы, чтобы у выведенного HTML был тег form>класс = "тянуть-вправо".Как мне это сделать?

Answer 1

Вы можете использовать одну из перегрузок , которая позволяет указывать атрибуты html ::

@using (Ajax.BeginForm(null, null, new AjaxOptions { UpdateTargetId = "update_panel", Url = "/Part/SearchPart" }, new { @class = "pull-right" }))
{
    <input type="text" placeholder="Search Parts"/>
    <input type="submit" value="Search"/>
}

Кроме того, я более чем настоятельно рекомендую вам полагаться на URL-адрес вашей формы вместо жесткого кодирования в AjaxOptions, поскольку при развертывании приложения в виртуальном каталоге есть вероятность, что ваш жестко-заданный /Part/SearchPart URL-адрес не будет работать. Не говоря уже о том, что вы меняете шаблоны маршрутов в Global.asax. Итак:

@using (Ajax.BeginForm("SearchPart", "Part", null, new AjaxOptions { UpdateTargetId = "update_panel" }, new { @class = "pull-right" }))
{
    <input type="text" placeholder="Search Parts"/>
    <input type="submit" value="Search"/>
}

Answer 2

Вы должны установить действие и контроль для обращения из своей формы.

вот пример:

@using (Ajax.BeginForm("LogOn","Account", new AjaxOptions { UpdateTargetId = "update_panel", Url = "/Part/SearchPart" }, new { @class ="pull-right"}))
{
    <input type="text" placeholder="Search Parts"/>
    <input type="submit" value="Search"/>
}