Binding to widget events

Hello,

Please refer to the Widget event binding section of our online documentation for the proper way to handle widgets events.

Greetings,
Petyo
the Telerik team

No, you're going to have to imagine I'm even thicker than that.  The document refers to some nice data binding, and the old JQuery bind method.  So I can do this:

$(document).ready(function() {
   $("#tuxedo-home ul li ul li").bind("click", hellomum);
})
And that works well when I click the li my checkbox is in.  But this is my source (from the examples code):

                <li>Option 2 <input id="suspendCard" type="checkbox" data-role="switch" /></li>

I've given the object and id of 'suspendCard' so I *think* I should be able to at least write:
$(document).ready(function() {
    $("#tuxedo-home ul li ul li input").bind("click", hellomum);
 }) 
or better still:
$(document).ready(function() {
    $("#suspendCard").bind("click", hellomum);
 }) 
$(document).ready(function() {
    $("#tuxedo-home ul li ul li").bind("click", hellomum);
 }) 
But neither of these approaches activates the function.
Firebug shows me that my code has been transformed into this:
So I guess there are issues about HTML5 not being XML compliant, but also I can't seem to specify correctly the widget I want to be informed about.  If the path isn't "#suspendCard", then what is it?

Hello,

Our widgets do not expose events through the jQuery event mechanism. This is especially important for the mobile widgets, where touch capabilities are detected and different DOM events are used. Please see this code sample. The bind method is called on the widget instance, not on the jQuery object. 

 

Kind regards,
Petyo
the Telerik team

OK, now we're getting to my level :-)

I've been through the documentation again, and I now think that what I want to do is:


To reference the object.  This is based on this snippet from http://www.kendoui.com/documentation/mobile/switch/overview.aspx 


So, the problem has now doubled.  Firstly, I still can't attach to the click or change events on the mobile switch.

Doesn't activate the function.  In fact, the very act of getting the switch has broken the switch.  Just by adding the line


My MobileSwitch no longer renders properly.  See attached screen shots.  This is the code:

OK, I've found the stupid mistake I was making here - .kendoMobileSwitch() creates the Kendo widget from the definition, so I was doing it twice.

Still can't capture the event though when the Switch changes state.

Ok, so I've been R'ing TFM - http://www.kendoui.com/documentation/mobile/switch/events.aspx - that's what I was looking for.  I'm beginning to understand how it all hangs together now.

I've now got this:
But it still doesn't work!

Hello,

Widget event initialization and event binding needs to be performed in the respective view init event handler (as the widgets are not instantiated immediately). The approach has been discussed in the forums, and is used in most of our online demos. Alternatively, you can use declarative event binding.

I would like to recommend reviewing our online documentation and demos, as well as the example sushi application source code as a reference. 

If you still face troubles or roadblocks, you may open a support ticket with a sample project, so that we can provide the necessary help.
 
All the best,
Petyo
the Telerik team