与剑道电网

Question

我在编辑命令，MVC呼吁剑道网编辑命令按钮

columns.Command(command => 
{ 
    command.Edit(); 
    // command.Destroy().HtmlAttributes(new { @class = "onboard-delete " }); 
}) 

它呈现一个按钮和图标。我该如何改变这个命令的外观。我希望它只是一个图标。

Answer 1

请与beloe代码段尝试。

<style> 
    .k-grid-edit .k-icon, .k-grid-update .k-icon, .k-grid-cancel .k-icon { 
     margin: 0px !important; 
    } 

    .k-grid-edit { 
     background-color: transparent !important; 
     border: medium none !important; 
     margin: 0 !important; 
     min-width: 0 !important; 
    } 
</style> 


@(Html.Kendo().Grid<MvcApplication1.Models.TestModel>() 
    .Name("LightsGrid") 
    .Columns(col => 
    { 
     col.Bound(x => x.ID); 
     col.Command(command => 
     { 
      command.Edit() 
      .Text(" ") 
      .UpdateText(" ") 
      .CancelText(" "); 

     }); 

    }) 
    .ToolBar(toolbar => toolbar.Create()) 
    .Editable() 
    .DataSource(dataSource => dataSource 
     .Ajax() 
     .Model(model => model.Id(x => x.ID)) 
     .Read(read => read.Action("GetData", "Home")) 
     .Create(create => create.Action("CreateData", "Home")) 
     .Update(update => update.Action("UpdateData", "Home")) 
     .Destroy(destroy => destroy.Action("DestroyData", "Home")) 
) 
)