如何在mvc中的grid.mvc控件中添加两个按钮

How to add two button in grid.mvc control in mvc

我想在一列中添加两个按钮控件。目前我可以在一列上添加下载按钮。但我想在同一列中的下载按钮旁边添加删除按钮。 请提出相同的建议。 我给了代码..

@using (Html.BeginForm("DownloadFile", "Download", FormMethod.Post))
{
@Html.Grid(Model).Columns(columns =>  
{
    columns.Add()
        .Encoded(false)
        .Sanitized(false)
        .SetWidth(0)
       .RenderValueAs(o => @<input id="id" name="IsChecked" value= @o.id , type="checkbox"/>);

    columns.Add(data => data.FileName).Titled("File Name").SetWidth(50);
    columns.Add(data => data.DisplayedDate).Titled("Uploaded Date").SetWidth(40);
    columns.Add(data => data.User_Name).Titled("User Name").SetWidth(50);

    columns.Add()
    .Encoded(false)
    .Sanitized(false)
    .SetWidth(80)
    .RenderValueAs(data => @<button type="submit" value ="">Download</button>);
}).WithPaging(10).Sortable(true).Filterable(true)}

RenderValueAs 的重载之一接受 IHtmlString

所以你可以这样做:

.RenderValueAs(data => new HtmlString
                       (
                         "<button type='submit' value=''>Download</button> 
                          <button type='button' value=''>Upload</button>"
                       )
               );

或者你可以这样做:

.RenderValueAs(data => "<button type='submit' value=''>Download</button> 
                        <button type='button' value=''>Upload</button>"
                );

如果您需要更多控制,可以使用 Custom Layout 渲染功能。

columns.Add(c => c.PrecioVenta).Titled("Precio de Venta").Filterable(true);
columns.Add(c => c.Cantidad).Titled("Cantidad").Filterable(true);
columns.Add()
.Encoded(false)
.Sanitized(false)
.SetWidth(30)
.RenderValueAs(o => Html.ActionLink("Editar", "Edit", new { id = o.IdProducto }, new { @class = "btn btn-primary" }));
columns.Add()
.Encoded(false)
.Sanitized(false)
.SetWidth(30)
.RenderValueAs(o => Html.ActionLink("Detalles", "Details", new { id = o.IdProducto }, new { @class = "btn btn-info" }));