在 WebGrid Mvc3 的页脚添加链接按钮

Posted 2023-03-27

【中文标题】在 WebGrid Mvc3 的页脚添加链接按钮

【英文标题】：Adding a link button in the footer of WebGrid Mvc3

【发布时间】：2013-01-08 02:35:00

【问题描述】：

我在我的 Webgrid 底部插入了链接按钮“添加新记录”和“全部保存”。但我希望它们出现在WebGrid 的页脚中。我已经搜索了很多，但一无所获。谁能告诉我如何在WebGrid 的“页脚”中添加链接或按钮。

这是我WebGrid的一些代码

@model IEnumerable<MvcGrid2.Models.Employee>
@
    WebGrid grid = new WebGrid(
    source: Model,
    rowsPerPage: 4);



@grid.Gethtml(htmlAttributes: new  id = "WebGrid1" ,
        tableStyle:"gridTable",
        headerStyle: "gridHead",
        footerStyle: "gridFooter",
        rowStyle: "gridRow",
        alternatingRowStyle: "gridAltRow",
        mode: WebGridPagerModes.All,
        firstText: "<<",
        previousText: "<",
        nextText: ">",
        lastText: ">>",
        columns: grid.Columns(        
                               @* grid.Column( columnName : "EmployeeId", 
                                            format: @<text>@item.EmpId</text>),*@

                                grid.Column(columnName: "Employee Id",
                                            format: @<span> 
                                                        <span id="spanEmpId_@(item.EmpId)">@item.EmpId</span> 
                                                         @Html.TextBox("EmpId_" + (int)item.EmpId, (int)item.EmpId, new  @style = "display:none" )
                                                   </span>),

                                 grid.Column(columnName: "Employee Name",
                                           format: @<span> 
                                                       <span id="spanEmpName_@(item.EmpId)">@item.EmpName</span> 
                                                       @Html.TextBox("EmpName_" + (int)item.EmpId, (string)item.EmpName, new  @style = "display:none" )
                                                   </span>),

                                 grid.Column(columnName: "Designation",
                                             format: @<span> 
                                                        <span id="spanEmpDesg_@(item.EmpId)" >@item.Designation</span> 
                                                         @Html.TextBox("EmpDesg_" + (int)item.EmpId, (string)item.Designation, new  @style = "display:none" )
                                                     </span>),

                                grid.Column(columnName: "Action", 
                                            format: @<text>                     
                                                        <a href="#" id="Edit_@(item.EmpId)" class="edit">Edit</a>
                                                        <a href="#" id="Update_@(item.EmpId)" style="display:none" class="update">Update</a>
                                                        <a href="#" id="Cancel_@(item.EmpId)" style="display:none"  class="cancel">Cancel</a>
                                                         <a href="#" id="Save_@(item.EmpId)" style="display:none" class="save">Update</a>
                                                        <a href="#" id="iCancel_@(item.EmpId)" style="display:none"  class="icancel">Cancel</a>
                                                        <a href="#" id="Delete_@(item.EmpId)"  class="delete">Delete</a>
                                                    </text>)


                            ))

【参考方案1】：

WebGrid 本身没有可修改的页脚。但是，如果您查看 tutorial on ASP.NET，您会看到一种在 css 中实现这一目标的方法。

您可以将最后一行设为与页脚相同的 css 类，或者您可以使用 javascript 插入按钮/链接。这两种方法都不干净，但据我所知，没有更好的方法可以在不重写控件的情况下实现您的目标。许多人建议调查 Telerik 的控件，如果你有/可以获得他们的东西的许可证。

【讨论】：

Webgrid 有页脚，我已经完成了该教程。因为没有什么可以在页脚中添加控件。

为你澄清了我的回答。