META-INF.resources.primefaces-extensions.orgchart.3-orgchart-widget.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 Project for Maven.

There is a newer version: 14.0.7.1

Show newest version

/**
 * PrimeFaces Extensions Org Chart Widget.
 *
 * @author jxmai
 * @since 6.3
 */
PrimeFaces.widget.ExtOrgChart = PrimeFaces.widget.BaseWidget.extend({

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

        // user extension to configure plugin
        var extender = this.cfg.extender;
        if (extender) {
            if (typeof extender === "function") {
                extender.call(this);
            } else {
                PrimeFaces.error("Extender value is not a javascript function!");
            }
        }

        var opts = $.extend(true, {}, cfg);
        opts['data'] = JSON.parse(opts['data']);

        this.orgchart = this.jq.orgchart(opts);

        this._bindEvents();
    },

    _bindEvents: function () {
        var $this = this;

        this.jq.on('click', '.node', function () {
            var $thisNode = $(this);

            var options = {
                params: [{
                    name: $this.id + '_nodeId',
                    value: $thisNode[0].id
                }, {
                    name: $this.id + '_hierarchy',
                    value: JSON.stringify($this.orgchart.getHierarchy())
                }]

            };
            $this.callBehavior('click', options);
        });

        this.jq.children('.orgchart').on('nodedropped.orgchart', function (event) {
            var options = {
                params: [{
                    name: $this.id + '_draggedNodeId',
                    value: event.draggedNode['context']['id']
                }, {
                    name: $this.id + '_droppedZoneId',
                    value: event.dropZone['context']['id']
                }, {
                    name: $this.id + '_hierarchy',
                    value: JSON.stringify($this.orgchart.getHierarchy())
                }]

            };
            $this.callBehavior('drop', options);

        });
    }
});