[Solved] Multiple custom commands in one column and couldn't able to define a conditional custom command

[Rob]

I am using Kendo UI grid to render the grid data. I have a column with multiple custom commands(4 custom commands exactly). one of the custom command needs to be conditional custom command i.e. It is functionality(or appearance) depends up on the row data being rendered.

I couldn't get that defined. I tried template approach but the default data is not having the row data. I defined field and template but still I am not getting the field value. Could you somebody help me to solve this problem.

My DataSource is coming from the asp.net web api service via ajax.

Thanks

[Dimiter Madjarov]

Hello Rob,


You could include the command in the Grid configuration for each row and then use the dataBound event of the Grid to remove it for the ones that it is not needed. Each command receives a CSS class following the pattern k-grid-commandname. You could use this class to retrieve the command for the specified row.
E.g.

function dataBound(e) {
    var grid = this;

    grid.tbody.find("tr").each(function () {
        var model = grid.dataItem(this);

        if (model.EmployeeID > 100) {
            $(this).find(".k-grid-myCommand").remove();
        }
    });
}

I hope this information helps.

Regards,
Dimiter Madjarov
Telerik