WebGridに列方向のフィルタリングが必要です

Question

ここで私はWebGridを持っていますが、Filterable（）を使用するGrid.Mvcのような列方向のフィルタリングが必要です。親切に助けてください。ありがとう。

<div id="DivGrid"> 
@{ 
    var grid = new WebGrid(source: Model, canPage: true, canSort: true, rowsPerPage: 10, defaultSort: "Employee ID"); 
    grid.SortDirection = SortDirection.Descending; 
    if (Model.Count() > 0) 
    { 
     <div class="moveRight"><strong> @ViewBag.SearchParameter</strong> | @grid.TotalRowCount @Html.Label("Record(s) found")</div> 
     @grid.GetHtml(tableStyle: "PGrid", headerStyle: "Header", alternatingRowStyle: "altRow", htmlAttributes: new { id = "DataTable" }, columns: grid.Columns(
      grid.Column("Employee_ID", "Employee ID", format: @<text> <span class="display-mode grid-filter-btn">@item.Employee_ID </span> <label id="EmployeeID" class="edit-mode grid-filter-btn">@item.Employee_ID</label> </text>, style: "col1Width", canSort:true), 
      grid.Column("First_Name", "First Name", format: @<text> <span class="display-mode"> <label id="lblFirstName">@item.First_Name</label> </span> <input type="text" id="FirstName" value="@item.First_Name" class="edit-mode" /></text>, style: "col2Width", canSort:true), 
      grid.Column("Last_Name", "Last Name", format: @<text> <span class="display-mode"> <label id="lblLastName">@item.Last_Name</label> </span> <input type="text" id="LastName" value="@item.Last_Name" class="edit-mode" /> </text>, style: "col2Width", canSort:true), 
      grid.Column("Date_Of_Birth", "Date Of Birth", format: item => ((item.Date_Of_Birth == null) ? "" : item.Date_Of_Birth.ToString("MM/dd/yyyy")), style: "DateOfBirth"), 
      //grid.Column("Date_Of_Birth", "Date Of Birth", format: item => ((item.Date_Of_Birth == null) ? "" : item.Date_Of_Birth.ToString("MM/dd/yyyy"))), 
      grid.Column(header: "Action", canSort: false, style: "action", format: @<text>     
      <button class="edit-user display-mode glyphicon glyphicon-edit"> Edit</button> 
      <button class="display-mode delete-item glyphicon glyphicon-trash"> Delete</button> 
      <button class="save-user edit-mode glyphicon glyphicon-save"> Save</button> 
      <button class="cancel-user edit-mode glyphicon glyphicon-remove-sign"> Cancel</button></text>))); 
    } 
    else 
    { 
     <hr />@Html.Label("No, Record(s) not found")<<hr /> 
    } 
} 

Answer 1

私の知る限り、Asp.net MVCのデータをフィルタリングするオプションはありません。カスタムコードを書く必要があります。このリンクを確認してください WebGrid Paging,Sorting and Filtering in ASP.NET MVC