Scope of callbacks

[kylestetz]

Scope of callbacks

[kylestetz]

Great idea! I can set it up to bind the scope to the calendar instance, that shouldn't be too tricky. I'm interested to know what sort of set up you're creating that requires this (just curious!).

[piuccio]

Well my setup doesn't strictly require this, I've implemented it through closures, but having the scope in the callback would make things simpler.

I've created a wrapper around clndr, in this calendar a click on a date adds or removes an event, this means that an XHR request is sent to the server.
In the page there are multiple calendar that all make the same request, but each calendar has to specify a different request parameter, the calendar type a value stored in extras.
So in clickEvents I need to access calendar.options.extras.type.

Once again, I've solved it with closures, but I'd prefer to access this.options.extras.type

It looks somehow like this

(function( $ ) {

    $.fn.myPlugin = function() {

        return this.each(function() {
            var calendar;
            var container = $( this );
            var options = {
                clickEvents: {
                    click: function ( target ) {
                        // Here I need to access the calendar and the options
                        $.fn.myPlugin.addEvent( target.date, options.extras.type );
                    }
                },
                extras: container.data( "type" )
            };
            calendar = container.clndr( options );
        });

    };

    $.fn.myPlugin.addEvent = function ( date, type ) {
        // Implemented by users
    }

}( jQuery ));

[kylestetz]

Done.