mohamedali-s-4725 · April 21, 2016 07:49 · Apr 20, 2016 · Apr 20, 2016 · Apr 20, 2016
diff --git a/components.child-component.js b/components.child-component.js
@@ -7,7 +7,8 @@ export default Ember.Component.extend({
   actions:{
 
     childAction(){
-      alert( 'childAction Called..' );
+   		alert( 'childAction called..' );
+      var self = this;
       self.set( 'name', 'childAction' );
     }
 

diff --git a/components.dialog-component.js b/components.dialog-component.js
@@ -1,16 +1,16 @@
 import Ember from 'ember';
+import UpdateMixin from '../mixins/update';
 
-export default Ember.Component.extend({
+export default Ember.Component.extend(UpdateMixin, {
 
-  parent_val: 'Hello',
+  parent_val: 'SMA',
 
   actions:{
 
-    triggerChildAction(){
+    getValue(){
       var self = this;
-      self.sendAction('childAction');
-      self.set( 'parent_val', 'parentAction' ); 
-      alert( 'parent Action Called..' )
+      //alert( self.get('parent_val') );
+      self.send( 'updateVal', self.get('parent_val')  );
     }
 
   }

diff --git a/controllers.application.js b/controllers.application.js
@@ -1,5 +1,6 @@
 import Ember from 'ember';
+import UpdateMixin from '../mixins/update';
 
-export default Ember.Controller.extend({
-  appName: 'Ember Twiddle'
+export default Ember.Controller.extend(UpdateMixin, {
+  appName: 'Ember Twiddle' 
 });
diff --git a/mixins.update.js b/mixins.update.js
@@ -0,0 +1,17 @@
+import Ember from 'ember';
+
+export default Ember.Mixin.create({
+
+  updated_val: 'Empty',
+
+  actions:{
+
+    updateVal( value ){alert(value);
+    	var self = this;
+   //   value = value === undefined ? 'No Value' : value;
+      self.set( 'updated_val', value );
+    }
+
+  }
+
+});
diff --git a/templates.application.hbs b/templates.application.hbs
@@ -1,8 +1,10 @@
-<h1>Welcome to {{appName}}</h1>
+<h1>Trigger action between Parent-to-Child Component</h1>
 <br>
 <br>
 {{outlet}}
 <br>
 <br>
 
-{{dialog-component}}
+{{dialog-component}}
+
+Updated Value from Component: {{ updated_val }}
diff --git a/templates.components.dialog-component.hbs b/templates.components.dialog-component.hbs
@@ -2,6 +2,6 @@
 
   {{ child-component val=parent_val}}
 
-  <button {{action 'triggerChildAction' }}> Call childAction </button>
+  <button {{action 'getValue' }}> Update </button>
 
 </div>
diff --git a/components.child-component.js b/components.child-component.js
@@ -6,7 +6,8 @@ export default Ember.Component.extend({
 
   actions:{
 
-    childAction(){alert();
+    childAction(){
+      alert( 'childAction Called..' );
       self.set( 'name', 'childAction' );
     }
 

diff --git a/components.dialog-component.js b/components.dialog-component.js
@@ -9,7 +9,8 @@ export default Ember.Component.extend({
     triggerChildAction(){
       var self = this;
       self.sendAction('childAction');
-      self.set( 'parent_val', 'parentAction' );   
+      self.set( 'parent_val', 'parentAction' ); 
+      alert( 'parent Action Called..' )
     }
 
   }

diff --git a/components.child-component.js b/components.child-component.js
@@ -0,0 +1,15 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+
+  name: 'Hi',
+
+  actions:{
+
+    childAction(){alert();
+      self.set( 'name', 'childAction' );
+    }
+
+  }
+
+});
diff --git a/components.dialog-component.js b/components.dialog-component.js
@@ -0,0 +1,17 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+
+  parent_val: 'Hello',
+
+  actions:{
+
+    triggerChildAction(){
+      var self = this;
+      self.sendAction('childAction');
+      self.set( 'parent_val', 'parentAction' );   
+    }
+
+  }
+
+});
diff --git a/controllers.application.js b/controllers.application.js
@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  appName: 'Ember Twiddle'
+});
diff --git a/styles.app.css b/styles.app.css
@@ -0,0 +1,11 @@
+body {
+  margin: 12px 16px;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 12pt;
+}
+
+.dialog{
+	border: solid 1px;
+  width: 300px;
+  height: 100px;
+}
diff --git a/templates.application.hbs b/templates.application.hbs
@@ -0,0 +1,8 @@
+<h1>Welcome to {{appName}}</h1>
+<br>
+<br>
+{{outlet}}
+<br>
+<br>
+
+{{dialog-component}}
diff --git a/templates.components.child-component.hbs b/templates.components.child-component.hbs
@@ -0,0 +1 @@
+{{input value=(mut val)}}
diff --git a/templates.components.dialog-component.hbs b/templates.components.dialog-component.hbs
@@ -0,0 +1,7 @@
+<div class='dialog'>
+
+  {{ child-component val=parent_val}}
+
+  <button {{action 'triggerChildAction' }}> Call childAction </button>
+
+</div>
diff --git a/twiddle.json b/twiddle.json
@@ -0,0 +1,16 @@
+{
+  "version": "0.7.2",
+  "EmberENV": {
+    "FEATURES": {}
+  },
+  "options": {
+    "use_pods": false,
+    "enable-testing": false
+  },
+  "dependencies": {
+    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
+    "ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.4.4/ember.debug.js",
+    "ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.4.3/ember-data.js",
+    "ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.4.4/ember-template-compiler.js"
+  }
+}
No results found