Attach event handler to KendoUI widget (View)

Question

I am attempting to work an existing web app to use Kendo (Mobile) UI widgets. All of the existing javascript code base is contained within AMD modules (RequireJS).

I would like to attach a 'show' event handler to a view, so that the app can request data from the back end, however the data logic is within a module, and cannot be called from the page script (and thus, I can't use Kendo data-event attributes).

I thought that I would be able to to attach an event handler in code like so:

$('#tabstrip-browse').on("show", function(e) {...});

however, the event handler is not called.

Is there a way to do this?

GrantDG · Accepted Answer · 2014-08-28T04:17:59.800

5

Seems I'm finally able to answer my own question

My issue was that I was trying to use jQuery event binding syntax to bind to the events, however, KendoUI does not expose events in a jQuery friendly/compliant way.

However, there is a way to do this using the KendoUI API

edited Aug 28 '14 at 04:17

answered Jan 07 '14 at 04:36

GrantDG

401
1
7
14

This syntax doesn't work on a Kendo ComboBox (V. 2014.1.415): $("#cb").data("kendoComboBox").bind("select", function(){ ... }); – Misi Aug 27 '14 at 07:38
1

@Misi - looking at the [documentation](http://docs.telerik.com/kendo-ui/api/web/combobox#events-change) that _should_ work. Maybe check that each of your chained calls are returning the expected items – GrantDG Aug 28 '14 at 04:21
1

Still can't do this on Kendo Mobile View :( – Thilak Rao Dec 16 '14 at 12:09
I am still not able to do with Kendo Mobile View, how ever in my use case there was an option to use on change event as it was binded with input type text. – Talk is Cheap Show me Code Apr 19 '19 at 06:27
@ThilakRao think I have heard and seen your name somewhere. – Talk is Cheap Show me Code Apr 19 '19 at 06:28
Can we use data-after-show event in kendo observables? – Talk is Cheap Show me Code Apr 19 '19 at 06:41
@jaydeepmarvaniya I don't use Kendo UI anymore. Their APIs might have changed. Looks like you work with my former employer. – Thilak Rao Apr 26 '19 at 12:52
@ThilakRao yes that's true:-) – Talk is Cheap Show me Code May 13 '19 at 05:57

score 0 · Answer 2 · answered Aug 21 '13 at 15:16

0

There is no standard 'show' event in javascript or jQuery. You can bind custom events, but you need to also include a way to trigger them.

Here's a trivial example:

// bind the custom event    
$('#element').on('show', function(e) {
  // handle the custom event
});

// trigger the custom event
$('#element').trigger('show');

answered Aug 21 '13 at 15:16

Brett

4,268
1
13
28

the question was specifically about KendoUI - it seems that Kendo does not expose a public 'show' event (tho it is accessible via it's 'unobtrusive' attributes)... I'm not sure you've understood the question – GrantDG Aug 23 '13 at 06:09
Seems to me you're asking how to bind a non-standard event to a view. That's not Kendo specific. Are you asking how to expose it through a view-model and bind it using Kendo? Are you using Durandal? You don't give enough information. – Brett Aug 23 '13 at 12:29

score 0 · Answer 3 · answered Dec 24 '13 at 18:09

0

There is an attach event on Durandal https://groups.google.com/forum/#!topic/durandaljs/UQ9hXpwP_ds

answered Dec 24 '13 at 18:09

napoleonss

1,139
13
19

I can't see anything in the supplied link which explains attaching to a KendoUI **event** – GrantDG Jan 07 '14 at 04:18
There is the attached event, where the data logic maybe requested and bound to the datasource. – napoleonss Jan 07 '14 at 10:28

Attach event handler to KendoUI widget (View)

3 Answers3