Kendo grid custom command

While working with Kendo Grid in MVC, many times we come across a requirement when we want to have some images instead of default buttons kendo grid custom command the grid. I had a similar kind of requirement and as I was new to Kendo, it took me a lot of time to implement the same.

Sign in Email. Forgot your password? Ask a Question. Custom command in kendo UI grid. Please Sign up or sign in to vote. See more: Javascript.

Kendo grid custom command

While trying to display a list of data in a Kendo UI grid for which the data was loaded via Ajax, I wanted to have a custom command that loaded a new page to edit a row. The project I was working on used ASP. The key to loading a new page was inserting a clickable link that could call a controller action and pass in the ID of the row to edit. To keep things consistent, I also wanted my link to look like a normal Kendo UI grid edit button. While I could find examples of how to include custom links when a Kendo Grid was server bound, finding out how to do the same things for an Ajax bound grid was more difficult. In the end I found that specifying a column template like this worked:. Note that the first argument to the Html. ActionLink call is usually used to give the text of the link but I also included a span in order to add the correct Kendo CSS classes to make the link look like a button with an edit icon. The result of the above client template for a column in a Kendo grid is that an edit button like the following is displayed:. Hey man! That was great! Any thoughts?

If a question is poorly phrased then either ask for clarification, ignore it, kendo grid custom command, or edit the question and fix the problem. Let's work to help developers, not make them feel stupid. Your email address will not be published.

.

All Telerik. Now enhanced with:. The configuration of the column command s. If set the column would display a button for every command. Commands can be custom or built-in "edit" or "destroy". Custom commands are supported by specifying the click option. The built-in "edit" and "destroy" commands work only if editing is enabled via the editable option. The "edit" command supports "inline" and "popup" editing modes. The JavaScript function executed when the user clicks the command button. The function receives a jQuery Event as an argument.

Kendo grid custom command

All Telerik. Now enhanced with:. An error occurred during the compilation of a resource required to process this request. Please review the following specific error details and modify your source code appropriately.

1000 divided by 16

Assume it's interesting and varied, and probably something to do with programming. Re: My vote of 1 Shivani Jha Nov Let's work to help developers, not make them feel stupid. Chances are they have and don't get it. First Prev Next. Leave a Reply Cancel reply Your email address will not be published. Treat my content as plain text, not as HTML. Best guess. After doing a lot of search and trying various methods for achieving the same, finally I got a perfect way to achieve this. Delete column which will be showing an image, will be a column of Kendo grid which will act like a command button which performs delete action. In the end I found that specifying a column template like this worked: columns.

All Telerik. Now enhanced with:. Represents the command columns of the Grid.

Usually, we have a model class on which our kendo grid is based. Search within: Articles Quick Answers Messages. Pete O'Hanlon. After doing a lot of search and trying various methods for achieving the same, finally I got a perfect way to achieve this. ClientTemplate Html. The result of the above client template for a column in a Kendo grid is that an edit button like the following is displayed:. Re: My vote of 1 Shivani Jha Nov Ask a Question. Richard Deeming. Any thoughts? Don't tell someone to read the manual. This member has not yet provided a Biography. Shivani Jha. Sign in Email.