asp.net-mvc-3 – 在Razor View模型中添加一个类到Ajax.BeginFor

发布时间：2020-12-15 22:55:55 所属栏目：asp.Net 来源：网络整理

导读：我有一个以下代码 @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"

我有一个以下代码

@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具有>的形式.标签让class =“pull-right”.我该如何做到这一点？

解决方法

您可以使用 one of the overloads,允许您指定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网址将无法正常工作.更不用说在Global.asax中更改路由模式.所以：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!