How to add multiple command buttons in the same column?

[Mohit]

I want to add multiple command buttons (let's say, for View, Edit and Print) in a single grid column so that I see them for each row.
I was also able to add icon to custom command and I was able to easily add one command button in one column as explained in the custom command demo but I really want all three "buttons/icons" in the same column.

Any suggestions?

[Alexander Valchev]

Hello Mohit,

You can add multiple commands in one column by defining columns.command property as array. As an example:

columns: [
    { field: "foo", title: "Foo Field" },
    {
        command: [
            //define the commands here
            { name: "edit", text: "Edit" },
            { name: "destroy", text: "Delete"},
            { name: "custom1", text: "MyCustom-1" },
            { name: "custom2", text: "MyCustom-2" }
        ],
        title: "Commands"
    }
],

I hope this will help.

Kind regards,
Alexander Valchev
the Telerik team

[Mohit]

Alexander, can this also be done via the grid html helper (for razor)?

[Alexander Valchev]

Hello Mohit,

Yes it can be done.

.Columns(columns => {
    columns.Bound(e => e.FirstName);
    columns.Bound(e => e.LastName);
    columns.Bound(e => e.Title);
    columns.Command(command => {
        command.Custom("viewDetails").Click("showDetails");
        command.Custom("AnotherCommand").Text("Another Command");
        command.Custom("Custom").Text("Custom Command");
    });
})

Kind regards,
Alexander Valchev
the Telerik team

[Mohit]

Ah, works perfectly. Thanks Alexander!

[Andrew]

Is there a way to do this at the grid level so you could have multiple "Add New Item" buttons for instance?

[Alexander Valchev]

Hello Andrew,

Having "add new item" button on each row does not make much sense. Usually the edit/delete commands are rendered per row because they indicate row editing/deleting.

Anyway, if you insist to have a multiple "add" buttons, you may define a custom command and on click to call the addRow method.

Regards,
Alexander Valchev
Telerik