Asp.net mvc webgrid搜索

我有一個Asp.net MVC 4應用程序。我已經爲這個應用程序添加了一個網格。一些搜索框如何顯示在此網格的頂部。Asp.net mvc webgrid搜索

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>

來源

2012-09-10 Ovais

你可以顯示代碼，你有*添加*這個網格？同樣在你的問題中，你似乎在討論ASP.NET MVC 4，但你的問題是用asp.net-mvc-3標記的。那麼是哪一個呢？ –

我已經更新了帖子，代碼 – Ovais

這是唯一的相關視圖嗎？這裏沒有搜索框。如果它是通過javascript添加的，那麼javascript在哪裏？ – user1477388

最簡單（但不推薦的方法）是簡單地把它藏在CSS。只需右鍵單擊它在鉻或Firefox，你會看到你需要添加「顯示：無」的風格。否則，按照Darin在評論中所建議的發佈代碼。

來源

2012-09-10 13:53:05 user1477388

這將是我最後的手段。現在只想看看我能否正確解決。 – Ovais

這是我的錯誤_Layout.cshtml中有一個JavaScript正在創建此過濾器框。這裏的JavaScript的參考

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

來源

2012-09-11 19:17:35 Ovais

Asp.net mvc webgrid搜索

回答

相關問題