using the edit/delete buttons with custom action

[Daniel]

Hello,
it is possible to use the edit and delete buttons,but to put my own action,a javascript function,when i click on them?
i want to use them,because they already have their style(image and color) ,OR to create custom buttons just like the edit/delete buttons,with my own handler when i click on them.

Regards,
Daniel

[Dimiter Madjarov]

Hello Daniel,


To achieve this you could define a custom command
E.g.

columns.Command(command => command.Custom("commandName").Click("handlerName"));

and on dataBound attach the classes, that are used for the edit/delete icon.
E.g.

function dataBound(){
    $(".k-grid-commandName span").addClass("k-icon k-edit");
}

 

All the best,
Dimiter Madjarov
the Telerik team

[Daniel]

but if i do not put nothing a text for the custom command,something like this .Custom(" ")
than how can i call that class?because sometimes i want to use for space reasons only the button with its icon.

regards,

[Dimiter Madjarov]

Hello Daniel,


In the current scenario the default class of the custom command would be .k-grid- . We are currently working on providing a way to assign a custom class to custom commands.

Wish you a great day!

 

Kind regards,
Dimiter Madjarov
the Telerik team

[Daniel]

Ok,thank you for the informations.

[Max]

How to do this with javascript? Without MVC.

Thanks.

[Dimiter Madjarov]

Hello Ali,


The approach when using the Kendo UI Web Grid is basically the same.

You should define the custom command

{ command: {name: "commandName", text: "View Details", click: showDetails }, title: " " }

And then add the icon in the dataBound event handler

function dataBound(){
    $(".k-grid-commandName span").addClass("k-icon k-edit");
}

Please let me know if this was the information that you were looking for. I wish you a great day!

 

Regards,
Dimiter Madjarov
Telerik

[Max]

Yes it works, thanks.