META-INF.resources.primefaces-extensions.waypoint.1-waypoint.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of primefaces-extensions Show documentation

PrimeFaces Extensions components and utilities for PrimeFaces.

There is a newer version: 14.0.7.1

Show newest version

/**
 * PrimeFaces Extensions Waypoint Widget.
 *
 * @author Oleg Varaksin
 */
PrimeFaces.widget.ExtWaypoint = PrimeFaces.widget.BaseWidget.extend({

    /**
     * Initializes the widget.
     *
     * @param {object}
     *        cfg The widget configuration.
     */
    init: function (cfg) {
        this._super(cfg);
        this.cfg = cfg;
        this.id = cfg.id;
        this.target = PrimeFaces.expressions.SearchExpressionFacade.resolveComponentsAsSelector(this.cfg.target);

        // remove the target to prevent circular ref
        delete this.cfg.target;

        if (this.cfg.context) {
            this.cfg.context = PrimeFaces.expressions.SearchExpressionFacade
                .resolveComponentsAsSelector(this.cfg.context);
        }

        this.destroy().create();
    },

    /**
     * Unbinds all event handlers and unregisters the waypoint(s) associated
     * with these elements.
     */
    destroy: function () {
        this.target.waypoint('destroy');
        return this;
    },

    /**
     * Temporarily disables the waypoint callback function from firing. The
     * waypoint can be re-enabled by calling enable.
     */
    disable: function () {
        this.target.waypoint('disable');
        return this;
    },

    /**
     * Re-enables a previously disabled waypoint.
     */
    enable: function () {
        this.target.waypoint('enable');
        return this;
    },

    /**
     * Creates the waypoint(s) again with the same handlers as for init. This
     * method can be called after .destroy().
     */
    create: function () {
        var _self = this;
        this.target.waypoint(function (direction) {
            _self.reached(direction, this);
        }, this.cfg);
    },

    /**
     * Recalculates all waypoint positions.
     */
    refresh: function () {
        $.waypoints('refresh');
    },

    reached: function (dir, way) {
        if (this.hasBehavior('reached')) {
            var options = {
                params: [{
                    name: this.id + '_direction',
                    value: dir
                }, {
                    name: this.id + '_waypointId',
                    value: $(way).attr('id')
                }],
                direction: dir,
                waypoint: way
            };
            this.callBehavior('reached', options);
        }
    }
});