Question

我正在使用WebGrid帮助程序在我的MVC应用程序中对网格进行排序。

@{
        var grid = new WebGrid(Model, canSort:true );
        @grid.GetHtml( columns:grid.Columns(

                grid.Column( "Username", "Full Name", canSort:true ),
                grid.Column("Profile","Profile", canSort:false)
            ));
   }

可排序列将覆盖（显示蓝色链接）默认样式标题我该如何维护？

在上一篇专栏文章中，我有一个图像动作，它将使用javascript对话框打开弹出窗口

 <img  title="View Detail" style="cursor: pointer" onclick="openPopup('@item.EncryUserId')"
                            src="@Url.Content("~/Content/Images/view-fullscreen.png")" />

如何使用WebGrid添加此附加列？

感谢。

Answer 1

最后我得到了以下答案

   grid.Column(header: "Details",
                format: @<text><img src="@Url.Content("~/Content/Images/view-fullscreen.png")"
                 style="cursor: pointer" onclick="openPopup('@item.EncryUserId')"                                                                        
                 alt="View Detail" title="View Detail"/></text>)

和内部标题中有锚标记，所以我添加了 headerStyle：“tdheader” 并添加新样式 .tdheader a {color：white};

Answer 2

grid.Column(format: 
    @<img title="View Detail" style="cursor: pointer" onclick="openPopup('@item.EncryUserId')" src="@Url.Content("~/Content/Images/view-fullscreen.png")" />
)

如何在MVC3中为WebGrid添加其他列

2 个答案: