asp.net - ASP.NET MVC 4 WebGrid EF

Question

我有一些关于 Webgrid 的简短问题。

1. 如何将当前数字放入一列？（我正在使用 EF）

2. 如何显示字符串而不是整数？（假设我有一个 int 字段高度，如果它在 1.50- 1.60 之间，我希望在 webgrid 中看到small、 1.60-1.70 - normal、 1.7-1.8 - big、 >2 - huge）

铬。没有。身高老 | 新高度

1 | 1.55 | 小的

2 | 1.78 | 普通的

3 | 2.40 | 巨大的

@grid.GetHtml(tableStyle: "table",
          alternatingRowStyle: "alternate",
          headerStyle: "header",
          columns: grid.Columns(
          grid.Column(columnName: "?",header: "Crt. No.", canSort: true),
          grid.Column(columnName: "height", header: "height old", canSort: true),
          grid.Column(columnName: "height?", header: "height new", canSort: true)))

Answer 1

1）。如何将当前数字放入一列？（我正在使用 EF）

您可以使用视图模型，而不是将 WebGrid 绑定到Model，将其绑定到 aModel.Select((item, index) => new { Index = index, Element = item })甚至更好地使用拥有这两个属性的真实视图模型，而不是使用匿名对象。

2）。如何显示字符串而不是整数？（假设我有一个 int 字段高度，如果它在 1.50- 1.60 之间，我想在 webgrid 中看到 small ， 1.60-1.70 - normal ， 1.7-1.8 - big ， >2 - huge ）

您可以使用自定义format列。

这是一个例子：

@model IEnumerable<SomeModel>

@{
    var grid = new WebGrid(Model.Select((item, index) => new { Index = index, Element = item }));
}

@grid.GetHtml(
    tableStyle: "table",
    alternatingRowStyle: "alternate",
    headerStyle: "header",
    columns: grid.Columns(
        grid.Column(columnName: "Index", header: "Crt. No.", canSort: true),
        grid.Column(
            header: "height old", 
            canSort: true, 
            format: 
                @<text>
                    @item.Element.height
                </text>
        ),
        grid.Column(
            header: "height new", 
            canSort: true, 
            format: 
                @<text>
                    @Html.FormatHeight((double)item.Element.height)
                </text>
        )
    )
)

如您所见，我们使用了Html.FormatHeight自定义扩展方法，如下所示：

public static class HtmlExtensions
{
    public static IHtmlString FormatHeight(this HtmlHelper htmlHelper, double height)
    {
        if (height < 1.5)
        {
            return new HtmlString("tiny");
        }
        if (height > 1.5 && height < 1.6)
        {
            return new HtmlString("small");
        }
        else if (height > 1.6 && height < 1.7)
        {
            return new HtmlString("normal");
        }
        else if (height > 1.7 && height < 1.8)
        {
            return new HtmlString("big");
        }

        return new HtmlString("huge");
    }
}