Link button to Kendo Grid add item event

[Austin]

Okay so what I'm trying to do is relatively simple but I can't figure out how to get it work properly.

I have a grid that is using inline editing. I don't really care for the Kendo Toolbar on top of the grid so I have an "Add New" button that is in a div outside of the grid. My question is, how do I call the Kendo Add New event when that button is clicked so that a new entry in the grid appears?

Thanks!

[Patrick | Technical Support Engineer, Senior]

Hello Austin,

Please take a look at this Telerik Dojo illustrating how to add a row via an external button.

Here's the code I used for the Kendo button and my add function:

$("#btnCreate").kendoButton({
    click: add
 });


function add(){
    var grid = $("#grid").data("kendoGrid");
    grid.addRow();
}

addRow() adds an empty data item to the Kendo Grid.  

Hope this helps.

Regards,
Patrick
Telerik

 

 

[Austin]

Wow, I didn't realize it was that simple! I guess I just didn't know what search terms to use to pull up what I was looking for.

Thanks for the quick help!

[Patrick | Technical Support Engineer, Senior]

Hi Austin,

Glad to help and that everything is working!

Regards,
Patrick
Telerik