Telerik 网格中的多行单元格 (MVC3)

Question

使用 Telerik MVC3 网格、C#、.Net 2010；

我的剃刀视图中有一个网格：

@(Html.Telerik().Grid<ProductListItem>()
.Name("Grid")
.Columns(columns =>
{
       columns.Bound(o => o.Current.Name).Sortable(true).Filterable(false).Width(150);
       columns.Bound(o => o.Categories).Sortable(true).Filterable(false).Width(200);
       //other column bindings...
})
.DataBinding(dataBinding => dataBinding.Ajax().Select(Model.GridAjaxRequestAction.ActionName, Model.GridAjaxRequestAction.ControllerName))
.Pageable(settings => settings.Total(Model.TotalRow))
.EnableCustomBinding(true)
.Sortable()
.Filterable()

我想要做的是将网格的类别列设置为多行。

一个产品可能有很多类别，因此网格中的类别单元格应该是这样的；

Category0
Category1
Category2

我尝试将类别值与 System.NewLine 和
连接起来，并将此值分配给 ProductListItem.Categories 属性。它没有改变。文本仍然是单行。

提前致谢。

Answer 1

谢谢@nekno。在我的情况下，我想出了这个解决方案。很抱歉一段时间没有回复。

在视图模型中：

this.Categories = String.Join("<br>", entity.Categories.Select(o => o.Current.Name));

在视图中： columns.Bound(o => o.Categories).ClientTemplate("")

Answer 2

如果您尝试使用NewLine 进行连接很容易，请尝试使用"<br />" 而不是System.NewLine。

否则，您的ProductListItem.Categories 属性的数据类型是什么？如果是List<String> 或其他IEnumerable，您可以使用模板列而不是绑定列。您使用item 来引用模板中当前的ProductListItem：

@(Html.Telerik().Grid<ProductListItem>()
.Name("Grid")
.Columns(columns =>
{
       columns.Bound(o => o.Current.Name).Sortable(true).Filterable(false).Width(150);
       columns.Template(
            @<text>
                @String.Join("<br />", item.Categories)
            </text>)
            .Sortable(true).Filterable(false).Width(200);
       //other column bindings...
})
.DataBinding(dataBinding => dataBinding.Ajax().Select(Model.GridAjaxRequestAction.ActionName, Model.GridAjaxRequestAction.ControllerName))
.Pageable(settings => settings.Total(Model.TotalRow))
.EnableCustomBinding(true)
.Sortable()
.Filterable()

---

另一种选择可能是在模板列中创建一个表格，并将您的ProductListItem.Categories 保留为List，例如this.Categories = entity.Categories.Select(o => o.Current.Name).ToList();

@(Html.Telerik().Grid<ProductListItem>()
    .Name("Grid")
    .Columns(columns =>
    {
           columns.Bound(o => o.Current.Name).Sortable(true).Filterable(false).Width(150);
           columns.Template(
                @<text>
                    <table border=0>
                         @foreach(var category in item.Categories){
                             <tr><td>@category</td></tr>
                         }
                    </table>
                </text>)
                .Sortable(true).Filterable(false).Width(200);
           //other column bindings...
    })
    .DataBinding(dataBinding => dataBinding.Ajax().Select(Model.GridAjaxRequestAction.ActionName, Model.GridAjaxRequestAction.ControllerName))
    .Pageable(settings => settings.Total(Model.TotalRow))
    .EnableCustomBinding(true)
    .Sortable()
    .Filterable()