Pass data to button click event

[Cool Breeze]

Is there a way to pass additional data the button's click event? I need to pass information from the data item that the button is on (ListView template) to the function handling the click event.

Thanks!

[Cool Breeze]

I misspoke earlier, the button is not inside a template for a list view. It is just on inside a loop that is creating a row for each record. I need to pass information about the current record through the click event. Thanks!

[Petyo]

Hello Joe,

Please check this forum thread for details and a working sample. In your case, you should render the data in the respective data attribute. 

Regards,
Petyo
Telerik

 

 

[Cool Breeze]

Very nice. Thanks!

[Cool Breeze]

Hmm this is not working for me. My application is not a mobile application and I notice that the link you sent is for mobile...

It just renders a button that has a link inside of it (underlined text) that I can't even click (event never gets fired). Mouse pointer changes to a cursor when hovering over the "button". Unable to click.

Is there a way to pass additional data through razor syntax using your fluent API?

@(Html.Kendo().Button()
.Name("trackPackageButton_" + rowIndex)
.Content("Track Package")
.HtmlAttributes(new {type="button"})
.Events(events => events.Click("trackPackage"))
)

Thanks!

[Cool Breeze]

Here is the code that doesn't work (from your example):

<a data-role="button" id="buttonTrackPackage" data-click="trackPackage" data-trackingNumber="@order.TrackingNumber" class="k-primary">Track Package</a>

[Dimo]

Hi Joe,

Generally, custom data cannot be passed as an argument to Kendo UI event handlers:

http://docs.telerik.com/kendo-ui/basics/events-and-methods#event-handler-argument

You need to store the custom data somewhere and retrieve it from inside the handler, depending on your preferences.

Regards,
Dimo
Telerik