Custom toolbar command

[Brian Roth]

Hello,

I'm trying to set up a custom toolbar command in an MVC grid.  Is there an example of how to do this?  I see the options in the type-ahead and set up my command like this:

commands.Custom().Text("Clear Filters").Name("clear-filters");

I'd like to be able to run some jquery logic when this button is clicked to clear out all the current filters for the grid.  I've got the function written to clear the filters, I just don't know how to hook that up to the button to kick it off.

Thanks for the help!

Regards,
Brian

[Dimo]

Hello Brian,

You can set a custom CSS class to the button by using HtmlAttributes(). Then use this class to assign a click handler with jQuery. If you need further assistance on any of these steps, please submit a support ticket.

Kind regards,
Dimo
the Telerik team

[Brian Roth]

Hi Dimo,

I tried this and it didn't work for me.  Here's the error I got:

CS1061: 'Kendo.Mvc.UI.Fluent.GridToolBarCustomCommandBuilder<MyModel>' does not contain a definition for 'HtmlAttributes' and no extension method 'HtmlAttributes' accepting a first argument of type 'Kendo.Mvc.UI.Fluent.GridToolBarCustomCommandBuilder<MyModel>' could be found (are you missing a using directive or an assembly reference?)

My code looks like this now:

commands.Custom().Text("Clear Filters").Name("clear-filters").HtmlAttributes(new { onclick = "mygrid.clearFilters(event, this)" });

I didn't get any type-ahead in the Razor page for the HtmlAttributes method.  Is this something that isn't supported yet in the Kendo MVC stuff?

Thanks,
Brian

[Dimo]

Hi Brian,

I suspect that you are using the Q2 beta. Please upgrade to the official release, which has this feature available.

Regards,
Dimo
the Telerik team

[Brian Roth]

Thanks!  I guess when I upgraded to the final release there were still some references pointing to the beta.

Regards,
Brian