How to add button in kendo grid using jquery

Below code can be used to add a button in kendo grid.

 ex:           {
                    command: [{
                        name: "edit",
                        className: "btn-Edit",
                        text: "Edit", click: btnEdit
                    }], title: "Action", media: "(min-width: 500px)", width: "220px"
                }


In the above code,

className :- Defines the css class name

text :- Text displayed on button

click :- Function to be called when clicked on button

title:- Text displayed as grid column header


In this example we are calling btnEdit function on clicked,

function btnEdit(e) {   
   //Do something here
}

Comments

Popular posts from this blog

Implement virtualisation in kendo drop down list using jquery ajax in mvc, aspx page

How to Create trigger to Update the NoofOrgs Count under each category in Category Table based on Temp Table in Sql Server

How to Preview the image and download which is in base64string format in mvc view using C#