asp.net - Asp.net mvc webgrid 搜索

Question

我有一个 Asp.net MVC 4 应用程序。我已向此应用程序添加了一个 Web 网格。一些如何在此网格顶部显示搜索框。

我的第一个偏好是删除它，如果我不能删除它，我想控制行为，即过滤哪一列。

这是代码

@model IEnumerable<Fai.Backend.Services.Models.CaseListModel>
<script type="text/javascript">   


</script>
@{
    ViewBag.Title = "Index";
}
<h2>Index</h2>

<div class="row">
    <div class="columns twelve">
    <select id="statusFilter">
        <option value='0'>@Fai.Backend.Services.Utilities.TextProvider.StatusOpen </option>
        <option value='1'>@Fai.Backend.Services.Utilities.TextProvider.StatusClosed </option>
        <option value='2' selected="selected">@Fai.Backend.Services.Utilities.TextProvider.StatusAll</option>
    </select>
    </div>
</div>

<div class="dataTable">
    @{
        var grid = new WebGrid(source:Model,canPage:false);
    @grid.GetHtml(

            columns: grid.Columns(grid.Column("Date", @Fai.Backend.Services.Utilities.TextProvider.Text.CreatedOn, canSort: true ),
            grid.Column("Title", @Fai.Backend.Services.Utilities.TextProvider.Text.Title, canSort: true),
            grid.Column("NameOfCreatingUser", @Fai.Backend.Services.Utilities.TextProvider.Text.CreatedBy, canSort: true),
            grid.Column("Company", @Fai.Backend.Services.Utilities.TextProvider.Text.Company, canSort: true),
            grid.Column("Organization", @Fai.Backend.Services.Utilities.TextProvider.Text.Organization, canSort: true),
            grid.Column("Status", @Fai.Backend.Services.Utilities.TextProvider.Text.Status, canSort: true),
            grid.Column("", format: @<text>@Html.ActionLink(Fai.Backend.Services.Utilities.TextProvider.Text.ViewCaseDetails, "Details", "Case", new { id = item.Id }, null)</text>)
                      ));
    }
</div>

Answer 1

最简单（但不推荐的方法）是简单地将其隐藏在 CSS 中。只需在 chrome 或 firefox 中右键单击它，您就会看到需要添加“显示：无”的样式。否则，请按照 Darin 在评论中的建议发布您的代码。

Answer 2

这是我的错误，_Layout.cshtml 中有一个 JavaScript 正在创建这个过滤器框。这里的javascript供参考

$('.dataTable > table').dataTable(
                  {
                      "bPaginate": false,
                      "bLengthChange": false,
                      "bFilter": true,
                      "bSort": false,
                      "bInfo": false,
                      "bAutoWidth": true
                  }
                  );