c# - 使用 AJAX 与标准时,搜索表单的显示方式不同

标签 c# html css razor

当我像这样使用 Bootstrap 搜索表单时,我得到了这个输出(如我所愿):

@using (Html.BeginForm("Search", "Show", FormMethod.Get, new { @class = "form-search" })) {
    <div class="input-append">
        <input type="search" class="span2 search-query" name="query" />
        <input type="submit" class="btn" value="Search" />
    </div>
}

enter image description here

但是,当我想将其转换为 ajax 形式时,我会收到以下输出:

    @using (Ajax.BeginForm(
    new AjaxOptions {
        HttpMethod = "GET",
        InsertionMode = InsertionMode.Replace,
        UpdateTargetId = "contentlist"
    })) {
    <div class="input-append">
        <input type="search" class="span2 search-query" name="query" />
        <input type="submit" class="btn" value="Search" />
    </div>
}

enter image description here

为什么表单类型会有所不同?在这两种情况下生成的 HTML 是相同的。

编辑:解决了,我是个笨蛋。

最佳答案

我认为 ajax 表单没有类名。您应该添加 class = "form-search"

关于c# - 使用 AJAX 与标准时,搜索表单的显示方式不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17349223/

相关文章:

html - CSS Sidebar - 内容区域需要边距,但宽度超出了带有滚动条的框架

javascript - Canvas 元素内的输入表单

css - 为后备字体设置不同的字体大小

html - 使用带背景重复的 alpha png 时出现 IE10 伪像

c# - 如何在 fake it easy 中正确断言 MustHaveHappend(object)

c# - 是否可以限制远程机器连接到 NamedPipeServerStream?

c# - 在远程处理 channel 配置中设置安全 ="true"时,.NET 使用什么加密方法?

html - CSS "child"选择器的行为类似于 "descendant"选择器

html - Bootstrap 行消失

c# - SQL 垂直显示表