0

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>
4

2 に答える 2

0

_Layout.cshtmlにJavaScriptがあり、このフィルターボックスを作成していたのは私の間違いでした。ここに参照用のJavaScriptがあります

$('.dataTable > table').dataTable(
                  {
                      "bPaginate": false,
                      "bLengthChange": false,
                      "bFilter": true,
                      "bSort": false,
                      "bInfo": false,
                      "bAutoWidth": true
                  }
                  );
于 2012-09-11T19:17:35.733 に答える
0

最も簡単な (ただし推奨されない方法) は、CSS で単純に非表示にすることです。chrome または firefox で右クリックすると、「display: none」を追加する必要があるスタイルが表示されます。それ以外の場合は、コメントで Darin が提案したように、コードを投稿してください。

于 2012-09-10T13:53:05.473 に答える