Question

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

enter image description here

我的首选是删除它，如果我不能删除它，我想控制行为，即要过滤的列。

这是代码

@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中右键单击它，您就会看到需要添加“display：none”的样式。否则，请按照Darin在评论中的建议发布您的代码。

Answer 2

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

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

Asp.net mvc webgrid搜索

2 个答案: