通过 kendogrid 中的数据条件禁用命令

Question

如何通过给定的布尔值禁用行上的删除按钮？

给定这个例子模型：

public class Example
{
    public bool CanDeleted {get; set;} //Delete Button only if true
    //...        
}

KendoGrid<Example>:

columns.Command(c => c.Destroy()); //I want something something like m => m.CanDeleted

Answer 1

感谢@Eldho，他向我指出了 right solution

Javascript:

function onDataBound() {
    var grid = $("#GridID").data("kendoGrid"); //Set GridID
    var gridData = grid.dataSource.view();
    for (var i = 0; i < gridData.length; i++) {
        var gridItem = gridData[i];
        if (!gridItem.CanBeDeleted) { //Condition
            grid.table.find("tr[data-uid='" + gridItem.uid + "']").find(".k-grid-delete").hide(); //Remove button
        }

        //Second Iteration, if we have grouped columns
        if (gridItem.items) {
            for (var j = 0; j < gridItem.items.length; j++) {
                var gridSubItem = gridItem.items[j];
                if (!gridSubItem.CanBeDeleted) { //Condtion
                    grid.table.find("tr[data-uid='" + gridSubItem.uid + "']").find(".k-grid-delete").hide(); //Remove button
                }
            }
        }
    }
}

KendoGrid 助手：

.Events(e => e.DataBound("onDataBound"))

查看我的 以获得更好的解决方案。

Answer 2

在对 MVC 有了更多了解后，我发现了一个更好的解决方案，使用扩展方法：

public static class KendoExtensions
{
    public static GridTemplateColumnBuilder<TModel> DestroyConditional<TModel>(this GridColumnFactory<TModel> factory, Expression<Func<TModel, bool>> expression)
        where TModel : class
    {
        var template = "# if (" + ExpressionHelper.GetExpressionText(expression) +") { # <a class=\"k-button k-button-icontext k-grid-delete\"><span class=\"k-icon k-delete\"></span>" + TextStrings.Delete + "</a># } #";

        return factory.Template(e => "").ClientTemplate(template).Title("");
    }
}

随意将 TextStrings.Delete 替换为您觉得合适的任何内容。其简单的我的 T4 本地化逻辑。

现在在您的网格定义中它实际上只是：

.Columns(columns =>
{
    columns.DestroyConditional(c => c.CanBeDeleted).Width(120);
}))