Добавление кнопки ссылки в нижний колонтитул WebGrid Mvc3

Question

Я вставил кнопки ссылок "Добавить новую запись" и "Сохранить все" в нижней части своей веб-сетки. Но я хочу, чтобы они были в нижнем колонтитуле 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>)


                            ))

Answer 1

У WebGrid нет изменяемого нижнего колонтитула как такового. Однако, если вы посмотрите учебник по ASP.NET, вы увидите способ сделать это в css.

Что вы можете сделать, это сделать вашу последнюю строку того же класса CSS, что и нижний колонтитул, или вы можете вставить свои кнопки / ссылки с помощью JavaScript. Ни один из подходов не является чистым, но, насколько я могу судить, нет лучшего способа достичь цели без переписывания элемента управления. Многие люди предлагали заглянуть в систему управления Telerik, если у вас есть / может получить лицензию на их вещи.