Merge pull request #11 from sghosh9/support/events

add fcevent- attribute in component to addeventlistener callback in parent

Author: rohitkr

lib/ReactFC.js

@@ -36,6 +36,8 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
+var staticEvents = ['ready', 'beforeinitialize', 'initialized'];
+
 var ReactFC = function (_React$Component) {
   _inherits(ReactFC, _React$Component);
 
@@ -261,10 +263,25 @@ var ReactFC = function (_React$Component) {
   }, {
     key: 'renderChart',
     value: function renderChart() {
+      var _this4 = this;
+
       var currentOptions = this.resolveChartOptions(this.props);
       currentOptions.renderAt = this.containerId;
 
       this.chartObj = new this.FusionCharts(currentOptions);
+      Object.keys(this.props).forEach(function (value) {
+        var event = value.match(/^fcEvent-.*/i);
+
+        if (event && typeof _this4.props[value] === 'function') {
+          var eventName = value.replace(/^fcEvent-/i, '');
+
+          if (staticEvents.indexOf(eventName.toLowerCase()) > -1) {
+            _this4.FusionCharts.addEventListener(eventName, _this4.props[value]);
+          } else {
+            _this4.chartObj.addEventListener(eventName, _this4.props[value]);
+          }
+        }
+      });
       this.chartObj.render();
       this.oldOptions = currentOptions;
 

src/ReactFC.js

@@ -4,6 +4,8 @@ import uuid from 'uuid/v4';
 import * as utils from './utils/utils';
 import fusionChartsOptions from './utils/options';
 
+const staticEvents = ['ready', 'beforeinitialize', 'initialized'];
+
 class ReactFC extends React.Component {
   static fcRoot(core, ...modules) {
     modules.forEach((m) => {
@@ -209,6 +211,19 @@ class ReactFC extends React.Component {
     currentOptions.renderAt = this.containerId;
 
     this.chartObj = new this.FusionCharts(currentOptions);
+    Object.keys(this.props).forEach((value) => {
+      const event = value.match(/^fcEvent-.*/i);
+
+      if (event && typeof this.props[value] === 'function') {
+        const eventName = value.replace(/^fcEvent-/i, '');
+
+        if (staticEvents.indexOf(eventName.toLowerCase()) > -1) {
+          this.FusionCharts.addEventListener(eventName, this.props[value]);
+        } else {
+          this.chartObj.addEventListener(eventName, this.props[value]);
+        }
+      }
+    });
     this.chartObj.render();
     this.oldOptions = currentOptions;