Monday, 15 February 2010

backbone.js - jquery mobile datebox intercepting the date select click -



backbone.js - jquery mobile datebox intercepting the date select click -

i using jquery mobile datebox @ http://dev.jtsage.com/jqm-datebox2/demos/fullopt.html in particular using calbox alternative @ http://dev.jtsage.com/cdn/datebox/1.1.0/jqm-datebox-1.1.0.mode.calbox.js

i need intercept click event triggered when click on day , custom (e.g. alter background color of date). best way of doing this? tried register click event element $('div.ui-datebox-griddate.ui-corner-all.ui-btn-up-d') not seem working.

i using backbonejs , relevant portion of class in coffeescript looks (simpleview extends backbone.view):

class extend simpleview .... events: { 'click div.ui-datebox-griddate.ui-corner-all.ui-btn-up-d': "clicked" } clicked: (event) -> console.log 'clicked'

the above not work , perhaps not best way want since depends on internal class names create click event.

thanks in advance!

datebox triggers custom event called "datebox" (creatively enough). event fired 3 times when day clicked, more importantly, passes sec argument event has details day beingness clicked.

give shot:

.... events: { 'datebox' : 'clicked' }, clicked: function(e, eventdetail) { // of 3 event triggers, "method" varies, checked "set" if (eventdetail.method == "set") { var jsdateobj = eventdetail.date; console.log(jsdateobj); } } ....

jquery-mobile backbone.js datebox

No comments:

Post a Comment