META-INF.resources.primefaces-extensions.orgchart.3-orgchart-widget.js Maven / Gradle / Ivy

/**
 * 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.jq.orgchart(opts);

      this._bindEvents();
   },

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

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

         var behavior = $this.cfg.behaviors ? $this.cfg.behaviors['click'] : null;

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

            };
            behavior.call($this, options);
         }
      });

      this.jq.children('.orgchart').on('nodedropped.orgchart', function(event) {
         var behavior = $this.cfg.behaviors ? $this.cfg.behaviors['drop'] : null;

         if (behavior) {
            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.jq.orgchart('getHierarchy'))
               } ]

            };
            behavior.call($this, options);
         }

      });
   }
});