在GridMVC中創建自定義時間小工具

Question

我正在嘗試創建時間小工具，以在網格MVC中按時間過濾記錄。我能夠看到該控件，但它不會過濾任何記錄。這裏是腳本。我已經添加了腳本，查看mvc網格的代碼以及索引頁面。

腳本

​​

網格視圖

@using GridMvc.Html 
@using GridMvc.Sorting 
@model IEnumerable<GridMvc.Site.Logging> 

@Html.Grid(Model).Named("ordersGrid").Columns(columns => 
{ 
    /* Adding "OrderID" column: */ 

    columns.Add(o => o.ID) 
      .Titled("Number") 
      .SetWidth(100); 
    columns.Add(o => o.DateTime, "Date") 
      .Titled("Date") 
      .SortInitialDirection(GridSortDirection.Descending) 
      .Format("{0:dd/MM/yyyy}") 
      .SetWidth(110); 
    columns.Add(o => o.DateTime, "Time") 
      .Titled("Time") 
      .SortInitialDirection(GridSortDirection.Descending) 
      .Format("{0:hh:mm tt}")     
      .SetWidth(110) 
      .SetFilterWidgetType("TimeFilterWidget"); 
    columns.Add(o => o.Type) 
      .Titled("Type") 
      .SetWidth(150) 
      .ThenSortByDescending(o => o.ID) 
      .SetFilterWidgetType("TypeFilterWidget"); 
    columns.Add(o => o.Description) 
      .Titled("Description") 
      .SetWidth(250); 
    columns.Add(o => o.Reference) 
      .Titled("Reference") 
      .SetWidth(150) 
      .Css("hidden-xs"); //hide on phones 
    columns.Add(o => o.Response) 
      .Titled("Response") 
      .SetWidth(150) 
      .Css("hidden-xs"); //hide on phones   


}).WithPaging(15).Sortable().Filterable().WithMultipleFilters() 

索引視圖

<script> 
$(function() { 
    pageGrids.ordersGrid.addFilterWidget(new TypeWidget()); 
    pageGrids.ordersGrid.addFilterWidget(new TimeWidget()); 
}); 
</script> 

Answer 1

如果然後可能會有幫助。 Nead在頁面上添加這個代碼。 .Named（ 「ordersGrid」） 示例代碼：

@Html.Grid(Model).Named("ordersGrid").Columns(columns => 
{ 
    columns.Add(o => o.Customer.CompanyName) 
      .Titled("Company") 
      .SetWidth(250) 
      .ThenSortByDescending(o => o.OrderID) 
      .Filterable(true) 
      .SetFilterWidgetType("CustomCompanyNameFilterWidget"); }) 

這NEAD工作的javascrip方法addFilterWidget文件gridmvc.customwidgets.js

我希望它可以幫助別人。