认沽图像的WebGrid

Question

我想提出一个背景图像中的列时您排序的WebGrid

的代码我有看法如下：在

@grid.GetHtml(
    fillEmptyRows: true, 
    headerStyle: "hearder-grid", 
    ... 
      ) 

代码CSS样式：

tr.hearder-grid .asc{ 
       background: transparent url('/Content/themes/base/Images/asc.png') center right no-repeat; 

     } 

tr.hearder-grid .desc{ 
       background: transparent url('/Content/themes/base/Images/desc.png') center right no-repeat; 
     } 

此代码不起作用

有人能帮助我吗？

祝福

Answer 1

你需要一个助手。

public static class SortHelper 
    { 
     public static MvcHtmlString Direction(this HtmlHelper helper, string columnName) 
     { 
      string html = ""; 
      if (columnName.Contains("whatever name you are using to represent descending")) 
      { 
       html = "▲"; 
      } 
      else 
      { 
      html = "▼"; 
      } 
      return MvcHtmlString.Create(html); 
     } 
    } 

然后你只用头串联

SortDirectionHelper.SortDirection(null, "columnname") 

您可以在以下网址看到一个更好的例子：

https://www.youtube.com/watch?v=s4SoNOwbKek