Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(197)

Side by Side Diff: pkg/polymer/lib/auto_binding.dart

Issue 350763003: [polymer] rename d-auto-binding to auto-binding-dart (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | pkg/polymer/lib/src/loader.dart » ('j') | pkg/web_components/pubspec.yaml » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 // Copyright (c) 2014, the Dart project authors. Please see the AUTHORS file 1 // Copyright (c) 2014, the Dart project authors. Please see the AUTHORS file
2 // for details. All rights reserved. Use of this source code is governed by a 2 // for details. All rights reserved. Use of this source code is governed by a
3 // BSD-style license that can be found in the LICENSE file. 3 // BSD-style license that can be found in the LICENSE file.
4 4
5 library polymer.auto_binding; 5 library polymer.auto_binding;
6 6
7 import 'dart:html'; 7 import 'dart:html';
8 import 'package:polymer/polymer.dart'; 8 import 'package:polymer/polymer.dart';
9 import 'package:template_binding/template_binding.dart'; 9 import 'package:template_binding/template_binding.dart';
10 10
11 /** 11 /**
12 * The `d-auto-binding` element extends the template element. It provides a 12 * The `auto-binding-dart` element extends the template element. It provides a
13 * quick and easy way to do data binding without the need to setup a binding 13 * quick and easy way to do data binding without the need to setup a binding
14 * delegate or use the [templateBind] call. Both data and event handlers can be 14 * delegate or use the [templateBind] call. Both data and event handlers can be
15 * bound using the [model]. 15 * bound using the [model].
16 * 16 *
17 * The `d-auto-binding` element acts just like a template that is bound to 17 * The `auto-binding-dart` element acts just like a template that is bound to
18 * a model. It stamps its content in the dom adjacent to itself. When the 18 * a model. It stamps its content in the dom adjacent to itself. When the
19 * content is stamped, the `template-bound` event is fired. 19 * content is stamped, the `template-bound` event is fired.
20 * 20 *
21 * Example: 21 * Example:
22 * 22 *
23 * <template is="d-auto-binding"> 23 * <template is="auto-binding-dart">
24 * <div>Say something: <input value="{{value}}"></div> 24 * <div>Say something: <input value="{{value}}"></div>
25 * <div>You said: {{value}}</div> 25 * <div>You said: {{value}}</div>
26 * <button on-tap="{{buttonTap}}">Tap me!</button> 26 * <button on-tap="{{buttonTap}}">Tap me!</button>
27 * </template> 27 * </template>
28 * <script type="application/dart"> 28 * <script type="application/dart">
29 * import 'dart:html'; 29 * import 'dart:html';
30 * import 'package:polymer/polymer.dart'; 30 * import 'package:polymer/polymer.dart';
31 * 31 *
32 * main() { 32 * main() {
33 * var template = document.querySelector('template'); 33 * var template = document.querySelector('template');
34 * template.model = new MyModel(); 34 * template.model = new MyModel();
35 * } 35 * }
36 * 36 *
37 * class MyModel { 37 * class MyModel {
38 * String value = 'something'; 38 * String value = 'something';
39 * buttonTap() => console.log('tap!'); 39 * buttonTap() => console.log('tap!');
40 * } 40 * }
41 * </script> 41 * </script>
42 * 42 *
43 */ 43 */
44 // Dart note: renamed to d-auto-binding to avoid conflict with JS auto-binding. 44 // Dart note: renamed to avoid conflict with JS auto-binding.
45 class AutoBindingElement extends TemplateElement with Polymer, Observable 45 class AutoBindingElement extends TemplateElement with Polymer, Observable
46 implements TemplateBindExtension { 46 implements TemplateBindExtension {
47 47
48 /// Make template_binding "extension methods" friendly. 48 /// Make template_binding "extension methods" friendly.
49 /// Note that [NodeBindExtension] is already implemented by [Polymer]. 49 /// Note that [NodeBindExtension] is already implemented by [Polymer].
50 TemplateBindExtension _self; 50 TemplateBindExtension _self;
51 51
52 get model => _self.model; 52 get model => _self.model;
53 set model(value) { _self.model = value; } 53 set model(value) { _self.model = value; }
54 54
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after
108 // Dart note: make sure we dispatch to the model, not the 108 // Dart note: make sure we dispatch to the model, not the
109 // AutoBindingElement instance. 109 // AutoBindingElement instance.
110 var obj = controller == _node ? _node.model : controller; 110 var obj = controller == _node ? _node.model : controller;
111 controller.dispatchMethod(obj, method, args); 111 controller.dispatchMethod(obj, method, args);
112 } else { 112 } else {
113 throw new StateError('controller $controller is not a ' 113 throw new StateError('controller $controller is not a '
114 'Dart polymer-element.'); 114 'Dart polymer-element.');
115 } 115 }
116 }; 116 };
117 } 117 }
OLDNEW
« no previous file with comments | « no previous file | pkg/polymer/lib/src/loader.dart » ('j') | pkg/web_components/pubspec.yaml » ('J')

Powered by Google App Engine
This is Rietveld 408576698