added remove event emitter functionality when changing between ids

Author: angeorgieff

pubdev/jsdev/react_components/activemq/store.jsx

@@ -21,6 +21,12 @@ var Storeaq = assign( {}, EventEmitter.prototype, {
     },
     storeKey: function( key ){
         storekey = key;
+    },
+    removeChangeListener: function( eventName, listener ) {
+        this.removeListener( eventName, listener);  
+    },
+    countListener: function( eventName ) {
+        this.listenerCount( eventName );
     }
 } );
 

pubdev/jsdev/react_components/detail/selected_header.jsx

@@ -77,6 +77,8 @@ let SelectedHeader = React.createClass( {
     },
     componentWillMount: function() {
         this.setState( {loading:true} );
+    },
+    componentDidMount: function() {
         this.setState( {isMounted: true} );
         let delayFunction = {
             delay: function() {
@@ -190,6 +192,7 @@ let SelectedHeader = React.createClass( {
     componentWillUnmount: function() {
         this.setState( {isMounted: false} );
         clearTimeout( InitialAjaxLoad );
+        Store.removeChangeListener( this.props.id, this.updated );
     },
     componentDidUpdate: function() {
         //This runs the watcher which handles the entity popup and link warning.

pubdev/jsdev/react_components/list/list-view.jsx

@@ -353,7 +353,7 @@ module.exports = React.createClass( {
                                         </div>
                                     </div>
                                     <div onMouseDown={this.dragdiv} className='splitter' style={{display:'block', height:'5px', backgroundColor:'black', borderTop:'1px solid #AAA', borderBottom:'1px solid #AAA', cursor: 'row-resize', overflow:'hidden'}}/>
-                                    {this.state.showSelectedContainer ? <SelectedContainer id={this.state.id} type={this.state.queryType} alertPreSelectedId={this.state.alertPreSelectedId} taskid={this.state.entryid} handleFilter={this.handleFilter} errorToggle={this.props.errorToggle} history={this.props.history} form={this.state.form}/> : null}
+                                    {this.state.showSelectedContainer ? <SelectedContainer key={this.state.id} id={this.state.id} type={this.state.queryType} alertPreSelectedId={this.state.alertPreSelectedId} taskid={this.state.entryid} handleFilter={this.handleFilter} errorToggle={this.props.errorToggle} history={this.props.history} form={this.state.form}/> : null}
                                     {this.state.showEntityCreateModal ? <EntityCreateModal match={''} modalActive={this.state.showEntityCreateModal} ToggleCreateEntity={this.ToggleCreateEntity} errorToggle={this.props.errorToggle}/> : null }
                                 </div>
                             </div>