Source: collapsible-subtable-toggler.js

  1. (function ($, rf) {
  3.     rf.ui = rf.ui || {};
  5.     /**
  6.      * Backing object for rich:collapsibleSubTableToggler
  7.      * 
  8.      * @memberOf! RichFaces.ui
  9.      * @constructs RichFaces.ui.CollapsibleSubTableToggler
  10.      * 
  11.      * @param id
  12.      * @param options
  13.      */
  14.     rf.ui.CollapsibleSubTableToggler = function(id, options) {
  15.         this.id = id;
  16.         this.eventName = options.eventName;
  17.         this.expandedControl = options.expandedControl;
  18.         this.collapsedControl = options.collapsedControl;
  19.         this.forId = options.forId;
  20.         this.element = $(document.getElementById(this.id));
  22.         if (this.element && this.eventName) {
  23.             this.element.on(this.eventName, $.proxy(this.switchState, this));
  24.         }
  25.     };
  27.     $.extend(rf.ui.CollapsibleSubTableToggler.prototype, (function () {
  29.         var getElementById = function(id) {
  30.             return $(document.getElementById(id))
  31.         }
  33.         return {
  35.             switchState: function(e) {
  36.                 var subtable = rf.component(this.forId);
  37.                 if (subtable) {
  38.                     var mode = subtable.getMode();
  40.                     if (rf.ui.CollapsibleSubTable.MODE_CLNT == mode) {
  41.                         this.toggleControl(subtable.isExpanded());
  42.                     }
  44.                     subtable.setOption(this.id);
  45.                     subtable.switchState(e);
  46.                 }
  47.             },
  49.             toggleControl: function(collapse) {
  50.                 var expandedControl = getElementById(this.expandedControl);
  51.                 var collapsedControl = getElementById(this.collapsedControl);
  53.                 if (collapse) {
  54.                     expandedControl.hide();
  55.                     collapsedControl.show();
  56.                 } else {
  57.                     collapsedControl.hide();
  58.                     expandedControl.show();
  59.                 }
  60.             }
  61.         };
  62.     })());
  64. })(RichFaces.jQuery, window.RichFaces);