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

Side by Side Diff: sky/examples/scrolling/scrolling.sky

Issue 980953002: stocks and stocks-fn should share the stocks data (Closed) Base URL: git@github.com:domokit/mojo.git@master
Patch Set: Created 5 years, 9 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
« no previous file with comments | « sky/examples/data/stocks.dart ('k') | sky/examples/stocks-fn/companylist.dart » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!-- 1 <!--
2 // Copyright 2015 The Chromium Authors. All rights reserved. 2 // Copyright 2015 The Chromium Authors. All rights reserved.
3 // Use of this source code is governed by a BSD-style license that can be 3 // Use of this source code is governed by a BSD-style license that can be
4 // found in the LICENSE file. 4 // found in the LICENSE file.
5 --> 5 -->
6 <import src="/sky/framework/sky-element.sky" /> 6 <import src="/sky/framework/sky-element.sky" />
7 <import src="/sky/framework/sky-scrollable.sky" /> 7 <import src="/sky/framework/sky-scrollable.sky" />
8 <import src="../data/cities.sky" as="cities" />
9 8
10 <sky-element> 9 <sky-element>
11 <template> 10 <template>
12 <style> 11 <style>
13 sky-scrollable { 12 sky-scrollable {
14 margin: 20px; 13 margin: 20px;
15 height: 400px; 14 height: 400px;
16 border: 2px solid blue; 15 border: 2px solid blue;
17 } 16 }
18 </style> 17 </style>
19 <sky-scrollable /> 18 <sky-scrollable />
20 </template> 19 </template>
21 <script> 20 <script>
22 import "dart:sky"; 21 import "dart:sky";
22 import "../data/cities.dart" as cities;
23 23
24 @Tagname('scrolling') 24 @Tagname('scrolling')
25 class Scrolling extends SkyElement { 25 class Scrolling extends SkyElement {
26 void shadowRootReady() { 26 void shadowRootReady() {
27 Element parent = shadowRoot.querySelector('sky-scrollable'); 27 Element parent = shadowRoot.querySelector('sky-scrollable');
28 for (Map city in cities.kData.getRange(0, 300)) { 28 for (Map city in cities.kData.getRange(0, 300)) {
29 Element div = document.createElement('div'); 29 Element div = document.createElement('div');
30 div.setChild(new Text(city['name'])); 30 div.setChild(new Text(city['name']));
31 parent.appendChild(div); 31 parent.appendChild(div);
32 } 32 }
33 } 33 }
34 } 34 }
35 35
36 _init(script) => register(script, Scrolling); 36 _init(script) => register(script, Scrolling);
37 </script> 37 </script>
38 </sky-element> 38 </sky-element>
OLDNEW
« no previous file with comments | « sky/examples/data/stocks.dart ('k') | sky/examples/stocks-fn/companylist.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698