将Bootstrap与WebGrid一起使用？

debugcn 发表于 Dev

卡弗曼

我一直在寻找示例，但似乎找不到如何在网格列内使用Bootstrap来创建按钮的方法。下面的作品，但我想显示一个编辑按钮，而不只是文本。

@grid.GetHtml(tableStyle: "webgrid-table",
    headerStyle: "webgrid-header",
    rowStyle: "webgrid-row-style",
    alternatingRowStyle: "webgrid-alternating-row",
    selectedRowStyle: "webgrid-selected-row",
    footerStyle: "webgrid-footer",

    columns: grid.Columns(
        grid.Column(columnName: "CustomerName", header: "Customer Name"),
        grid.Column(columnName: "Subject", header: "Subject"),
        grid.Column(columnName: "CallDate", header: "Call Date"),
        grid.Column(columnName: "Status", header: "Status"),
        grid.Column(header: "Edit", format: (item) =>
        {
            var link = Html.ActionLink("Edit", "Edit", new { id = item.Id });
            return link;
        }),

任何人都知道一个示例，我看过如何将“编辑”列转换为使用Bootstrap按钮？

肖恩

尝试style为该特定列添加参数，如下所示：

grid.Column(header: "Edit", format: (item) =>
{
    var link = Html.ActionLink("Edit", "Edit", new { id = item.Id });
    return link;
}, style: "btn btn-default")

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。