| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 @license | 2 @license |
| 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
| 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
| 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
| 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
| 7 Code distributed by Google as part of the polymer project is also | 7 Code distributed by Google as part of the polymer project is also |
| 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
| 9 --><html><head><link rel="import" href="../polymer/polymer.html"> | 9 --><html><head><link rel="import" href="../polymer/polymer.html"> |
| 10 <link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html
"> | 10 <link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html
"> |
| (...skipping 121 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 132 This is why we refer to it as a `virtual` list. In this case, a `dom-repeat` wil
l still | 132 This is why we refer to it as a `virtual` list. In this case, a `dom-repeat` wil
l still |
| 133 create 500 nodes which could slow down the web app, but `iron-list` will only cr
eate 20. | 133 create 500 nodes which could slow down the web app, but `iron-list` will only cr
eate 20. |
| 134 | 134 |
| 135 However, having an `iron-list` does not mean that you can load all the data at o
nce. | 135 However, having an `iron-list` does not mean that you can load all the data at o
nce. |
| 136 Say, you have a million records in the database, you want to split the data into
pages | 136 Say, you have a million records in the database, you want to split the data into
pages |
| 137 so you can bring a page at the time. The page could contain 500 items, and iron-
list | 137 so you can bring a page at the time. The page could contain 500 items, and iron-
list |
| 138 will only render 20. | 138 will only render 20. |
| 139 | 139 |
| 140 @group Iron Element | 140 @group Iron Element |
| 141 @element iron-list | 141 @element iron-list |
| 142 @demo demo/index.html List of cards | 142 @demo demo/index.html |
| 143 @demo demo/selection.html Items selection | |
| 144 @demo demo/collapse.html Collapsable items | |
| 145 @demo demo/scroll-threshold.html Scroll thesholds | |
| 146 @demo demo/grid.html Grid layout | |
| 147 @demo demo/basic.html Basic list | |
| 148 | 143 |
| 149 --> | 144 --> |
| 150 | 145 |
| 151 </head><body><dom-module id="iron-list"> | 146 </head><body><dom-module id="iron-list"> |
| 152 <template> | 147 <template> |
| 153 <style> | 148 <style> |
| 154 :host { | 149 :host { |
| 155 display: block; | 150 display: block; |
| 156 position: relative; | 151 position: relative; |
| 157 } | 152 } |
| (...skipping 26 matching lines...) Expand all Loading... |
| 184 </array-selector> | 179 </array-selector> |
| 185 | 180 |
| 186 <div id="items"> | 181 <div id="items"> |
| 187 <content></content> | 182 <content></content> |
| 188 </div> | 183 </div> |
| 189 | 184 |
| 190 </template> | 185 </template> |
| 191 </dom-module> | 186 </dom-module> |
| 192 | 187 |
| 193 <script src="iron-list-extracted.js"></script></body></html> | 188 <script src="iron-list-extracted.js"></script></body></html> |
| OLD | NEW |