基于 div 格式的 Webgrid答案

【问题标题】：Webgrid in div based format基于 div 格式的 Webgrid
【发布时间】：2014-01-13 11:59:20
【问题描述】：

我有以下代码：-

@foreach (var item in Model)
{
    <div class="comment-box">
        <div class="comment-head">
            <div class="comment-name">
                @item.FromUser
            </div>
            <div class="comment-date">
                @item.DaysAgo
            </div>
        </div>
        <div class="comment-content">
            @item.Message
        </div>
    </div>
}

我想通过webgrid 展示这个。但问题是webgrid 显示列中的数据，如何在div 结构中做到这一点。

这是我使用 webgrid 的新代码：-

@{ 
    var grid = new WebGrid(Model); 
}
<div>
   @grid.GetHtml()
</div>

【问题讨论】：

在table 中显示表格结构化数据。如果您需要在div 中显示，则需要编写自定义列渲染。为什么需要基于 div？查看 jQGrid 并检查它是否对您有帮助
@Murali Coz 评论框预定义了基于 div 的样式。
那么只有特定的列可以自定义格式，如<td><div>..</div></td>。查看 jQGrid

标签： asp.net asp.net-mvc asp.net-mvc-3 webgrid

【解决方案1】：

以下事情对我有用：-

@{ 
        var grid = new WebGrid(Model); 
 }
    <div>
        @grid.GetHtml(tableStyle: "table-comment",
        columns: grid.Columns(
            grid.Column("", "", @<text><div class="comment-box">
        <div class="comment-head">
            <div class="comment-name">
                @item.FromUser
            </div>
            <div class="comment-date">
                @item.DaysAgo
            </div>
        </div>
        <div class="comment-content">
            @item.Message
        </div>
    </div></text>)))

    </div>

【讨论】：