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 --> | 9 --> |
10 | 10 |
11 <link rel="import" href="../polymer/polymer.html"> | 11 <link rel="import" href="../polymer/polymer.html"> |
12 <link rel="import" href="../iron-selector/iron-selectable.html"> | 12 <link rel="import" href="../iron-selector/iron-selectable.html"> |
13 <link rel="import" href="../paper-radio-button/paper-radio-button.html"> | 13 <link rel="import" href="../paper-radio-button/paper-radio-button.html"> |
14 <link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html
"> | 14 <link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html
"> |
15 | 15 |
16 <!-- | 16 <!-- |
17 `paper-radio-group` allows user to select only one radio button from a set. | 17 `paper-radio-group` allows user to select only one radio button from a set. |
18 Checking one radio button that belongs to a radio group unchecks any | 18 Checking one radio button that belongs to a radio group unchecks any |
19 previously checked radio button within the same group. Use | 19 previously checked radio button within the same group. Use |
20 `selected` to get or set the selected radio button. | 20 `selected` to get or set the selected radio button. |
21 | 21 |
22 Example: | 22 Example: |
23 | 23 |
24 <paper-radio-group selected="small"> | 24 <paper-radio-group selected="small"> |
25 <paper-radio-button name="small" label="Small"></paper-radio-button> | 25 <paper-radio-button name="small">Small</paper-radio-button> |
26 <paper-radio-button name="medium" label="Medium"></paper-radio-button> | 26 <paper-radio-button name="medium">Medium</paper-radio-button> |
27 <paper-radio-button name="large" label="Large"></paper-radio-button> | 27 <paper-radio-button name="large">Large</paper-radio-button> |
28 </paper-radio-group> | 28 </paper-radio-group> |
29 | 29 |
30 See <a href="paper-radio-button.html">paper-radio-button</a> for more | 30 See <a href="paper-radio-button.html">paper-radio-button</a> for more |
31 information about `paper-radio-button`. | 31 information about `paper-radio-button`. |
32 | 32 |
33 @group Paper Elements | 33 @group Paper Elements |
34 @element paper-radio-group | 34 @element paper-radio-group |
35 @hero hero.svg | 35 @hero hero.svg |
36 @demo demo/index.html | 36 @demo demo/index.html |
37 --> | 37 --> |
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
75 type: String, | 75 type: String, |
76 value: 'name' | 76 value: 'name' |
77 }, | 77 }, |
78 | 78 |
79 /** | 79 /** |
80 * Overriden from Polymer.IronSelectableBehavior | 80 * Overriden from Polymer.IronSelectableBehavior |
81 */ | 81 */ |
82 selectedAttribute: { | 82 selectedAttribute: { |
83 type: String, | 83 type: String, |
84 value: 'checked' | 84 value: 'checked' |
| 85 }, |
| 86 |
| 87 /** |
| 88 * Overriden from Polymer.IronSelectableBehavior |
| 89 */ |
| 90 selectable: { |
| 91 type: String, |
| 92 value: 'paper-radio-button' |
85 } | 93 } |
86 }, | 94 }, |
87 | 95 |
88 keyBindings: { | 96 keyBindings: { |
89 'left up': 'selectPrevious', | 97 'left up': 'selectPrevious', |
90 'right down': 'selectNext', | 98 'right down': 'selectNext', |
91 }, | 99 }, |
92 | 100 |
93 /** | 101 /** |
94 * Selects the given value. | 102 * Selects the given value. |
(...skipping 26 matching lines...) Expand all Loading... |
121 | 129 |
122 do { | 130 do { |
123 newIndex = (newIndex - 1 + length) % length; | 131 newIndex = (newIndex - 1 + length) % length; |
124 } while (this.items[newIndex].disabled) | 132 } while (this.items[newIndex].disabled) |
125 | 133 |
126 this.select(this._indexToValue(newIndex)); | 134 this.select(this._indexToValue(newIndex)); |
127 }, | 135 }, |
128 | 136 |
129 /** | 137 /** |
130 * Selects the next item. If the next item is disabled, then it is | 138 * Selects the next item. If the next item is disabled, then it is |
131 * skipped, and its nexy item is selected | 139 * skipped, and the next item after it is selected. |
132 */ | 140 */ |
133 selectNext: function() { | 141 selectNext: function() { |
134 var length = this.items.length; | 142 var length = this.items.length; |
135 var newIndex = Number(this._valueToIndex(this.selected)); | 143 var newIndex = Number(this._valueToIndex(this.selected)); |
136 | 144 |
137 do { | 145 do { |
138 newIndex = (newIndex + 1 + length) % length; | 146 newIndex = (newIndex + 1 + length) % length; |
139 } while (this.items[newIndex].disabled) | 147 } while (this.items[newIndex].disabled) |
140 | 148 |
141 this.select(this._indexToValue(newIndex)); | 149 this.select(this._indexToValue(newIndex)); |
142 }, | 150 }, |
143 }); | 151 }); |
144 </script> | 152 </script> |
OLD | NEW |