如何在 MVC3 中将附加列添加到 WebGrid

发布于 2025-01-07 00:04:43 字数 713 浏览 0 评论 0原文

我正在使用 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？

谢谢。

原文

I am using WebGrid helper to make grid sortable in my MVC application.

@{
        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)
            ));
   }

Sortable column will override(display blue link) default style of header how can I maintain that?

In last column I have image action which will open popup using javascript dialog

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

How can I add this additional column using WebGrid?

Thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

眼趣 2025-01-14 00:04:43

最后我得到了如下答案

   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};

Finally I got answer as per below

   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>)

and inside header there is anchor tag so i have added headerStyle: "tdheader"
and add new style .tdheader a{ color: white};

回复收藏 0 原文

白况 2025-01-14 00:04:43

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

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

回复收藏 0 原文

~没有更多了~