|
46 | 46 | <m:MaterialRow addStyleNames="code"> |
47 | 47 | <m:MaterialColumn grid="l6 m6 s12"> |
48 | 48 | <m:MaterialTitle title="Label and Placeholder" description="On Combo Box we have two types of labeling your component. They are label and placeholder." /> |
49 | | - <combobox:MaterialComboBox ui:field="comboTimeZone2" multiple="true" label="This is label" placeholder="This is placeholder" /> |
| 49 | + <combobox:MaterialComboBox ui:field="comboTimeZone2" closeOnSelect="false" multiple="true" label="This is label" placeholder="This is placeholder" /> |
50 | 50 | </m:MaterialColumn> |
51 | 51 | <m:MaterialColumn grid="l12 m12 s12"> |
52 | 52 | <demo:PrettyPre addStyleNames="lang-xml"> |
53 | | -  <combobox:MaterialComboBox ui:field="comboTimeZone2" multiple="true" label="This is label" placeholder="This is placeholder" /> |
| 53 | +  <combobox:MaterialComboBox ui:field="comboTimeZone2" closeOnSelect="false" multiple="true" label="This is label" placeholder="This is placeholder" /> |
54 | 54 | </demo:PrettyPre> |
55 | 55 | </m:MaterialColumn> |
56 | 56 | </m:MaterialRow> |
|
108 | 108 | <m:MaterialRow addStyleNames="code"> |
109 | 109 | <m:MaterialColumn grid="l6 m6 s12"> |
110 | 110 | <m:MaterialTitle title="Allow Clear" description="We added a built in clear icon to easily clear all items on Multiple Combobox" /> |
111 | | - <combobox:MaterialComboBox ui:field="comboTimeZone3" placeholder="TimeZone" multiple="true" allowClear="true" /> |
| 111 | + <combobox:MaterialComboBox ui:field="comboTimeZone3" placeholder="TimeZone" closeOnSelect="false" multiple="true" allowClear="true" /> |
112 | 112 | </m:MaterialColumn> |
113 | 113 | <m:MaterialColumn grid="s12"> |
114 | 114 | <demo:PrettyPre addStyleNames="lang-xml"> |
115 | | -  <combobox:MaterialComboBox ui:field="comboTimeZone3" placeholder="TimeZone" multiple="true" allowClear="true" /> |
| 115 | +  <combobox:MaterialComboBox ui:field="comboTimeZone3" placeholder="TimeZone" closeOnSelect="false" multiple="true" allowClear="true" /> |
116 | 116 | </demo:PrettyPre> |
117 | 117 | </m:MaterialColumn> |
118 | 118 | </m:MaterialRow> |
|
143 | 143 | <m:MaterialRow addStyleNames="code"> |
144 | 144 | <m:MaterialColumn grid="l6 m6 s12"> |
145 | 145 | <m:MaterialTitle title="Multiple Select" description="Just like Autocomplete you can have a capability to select ComboBox options multiple."/> |
146 | | - <combobox:MaterialComboBox multiple="true" ui:field="comboTimeZone4" placeholder="TimeZone"/> |
| 146 | + <combobox:MaterialComboBox closeOnSelect="false" multiple="true" ui:field="comboTimeZone4" placeholder="TimeZone"/> |
147 | 147 | </m:MaterialColumn> |
148 | 148 | <m:MaterialColumn grid="s12"> |
149 | 149 | <demo:PrettyPre addStyleNames="lang-xml"> |
150 | | - <combobox:MaterialComboBox multiple="true" ui:field="comboTimeZone4" placeholder="TimeZone"/> |
| 150 | + <combobox:MaterialComboBox closeOnSelect="false" multiple="true" ui:field="comboTimeZone4" placeholder="TimeZone"/> |
151 | 151 | </demo:PrettyPre> |
152 | 152 | </m:MaterialColumn> |
153 | 153 | </m:MaterialRow> |
|
193 | 193 | <m:MaterialRow addStyleNames="code"> |
194 | 194 | <m:MaterialColumn grid="l6 m6 s12"> |
195 | 195 | <m:MaterialTitle title="Limit" description="You can set the item limit on multiple combobox."/> |
196 | | - <combobox:MaterialComboBox multiple="true" limit="2" placeholder="Time Zone" ui:field="comboTimeZone7" /> |
| 196 | + <combobox:MaterialComboBox closeOnSelect="false" multiple="true" limit="2" placeholder="Time Zone" ui:field="comboTimeZone7" /> |
197 | 197 | </m:MaterialColumn> |
198 | 198 | <m:MaterialColumn grid="s12"> |
199 | 199 | <demo:PrettyPre addStyleNames="lang-xml"> |
200 | | -  <combobox:MaterialComboBox multiple="true" limit="2" placeholder="Time Zone" ui:field="comboTimeZone7" /> |
| 200 | +  <combobox:MaterialComboBox closeOnSelect="false" multiple="true" limit="2" placeholder="Time Zone" ui:field="comboTimeZone7" /> |
| 201 | + </demo:PrettyPre> |
| 202 | + </m:MaterialColumn> |
| 203 | + </m:MaterialRow> |
| 204 | + |
| 205 | + <m:MaterialRow addStyleNames="code"> |
| 206 | + <m:MaterialColumn grid="l6 m6 s12"> |
| 207 | + <m:MaterialTitle title="Close On Select" description="Allow or Prevent the dropdown from closing when a result is selected (Default : true)"/> |
| 208 | + <combobox:MaterialComboBox closeOnSelect="false" multiple="true" placeholder="Time Zone" ui:field="comboCloseOnSelect" /> |
| 209 | + </m:MaterialColumn> |
| 210 | + <m:MaterialColumn grid="s12"> |
| 211 | + <demo:PrettyPre addStyleNames="lang-xml"> |
| 212 | +  <combobox:MaterialComboBox closeOnSelect="false" multiple="true" placeholder="Time Zone" ui:field="comboCloseOnSelect" /> |
201 | 213 | </demo:PrettyPre> |
202 | 214 | </m:MaterialColumn> |
203 | 215 | </m:MaterialRow> |
|
206 | 218 | <m:MaterialColumn grid="l6 m6 s12"> |
207 | 219 | <m:MaterialTitle title="Value Change Event" description="This event will be fired when changing values on combobox"/> |
208 | 220 | <combobox:MaterialComboBox placeholder="Time Zone" ui:field="comboTimeZone8" /> |
209 | | - <combobox:MaterialComboBox placeholder="Time Zone" multiple="true" ui:field="comboTimeZone8_1" /> |
| 221 | + <combobox:MaterialComboBox placeholder="Time Zone" closeOnSelect="false" multiple="true" ui:field="comboTimeZone8_1" /> |
210 | 222 | </m:MaterialColumn> |
211 | 223 | <m:MaterialColumn grid="s12"> |
212 | 224 | <demo:PrettyPre addStyleNames="lang-java"> |
|
221 | 233 | <m:MaterialColumn grid="l6 m6 s12"> |
222 | 234 | <m:MaterialTitle title="Selection Event" description="This event will be fired when Selecting values on combobox"/> |
223 | 235 | <combobox:MaterialComboBox placeholder="Time Zone" ui:field="comboTimeZone9" /> |
224 | | - <combobox:MaterialComboBox placeholder="Time Zone" multiple="true" ui:field="comboTimeZone9_1" /> |
| 236 | + <combobox:MaterialComboBox placeholder="Time Zone" closeOnSelect="false" multiple="true" ui:field="comboTimeZone9_1" /> |
225 | 237 | </m:MaterialColumn> |
226 | 238 | <m:MaterialColumn grid="s12"> |
227 | 239 | <demo:PrettyPre addStyleNames="lang-java"> |
|
235 | 247 | <m:MaterialRow addStyleNames="code"> |
236 | 248 | <m:MaterialColumn grid="l6 m6 s12"> |
237 | 249 | <m:MaterialTitle title="Remove Item Event" description="This event will be fired when removing item/value on multiple combobox" /> |
238 | | - <combobox:MaterialComboBox placeholder="Time Zone" multiple="true" ui:field="comboTimeZone11" /> |
| 250 | + <combobox:MaterialComboBox placeholder="Time Zone" closeOnSelect="false" multiple="true" ui:field="comboTimeZone11" /> |
239 | 251 | </m:MaterialColumn> |
240 | 252 | <m:MaterialColumn grid="s12"> |
241 | 253 | <demo:PrettyPre addStyleNames="lang-java"> |
|
271 | 283 | </demo:PrettyPre> |
272 | 284 | </m:MaterialColumn> |
273 | 285 | <m:MaterialColumn grid="l6 m6 s12"> |
274 | | - <combobox:MaterialComboBox allowClear="true" placeholder="Time Zone" multiple="true" ui:field="comboTimeZone12_1" /> |
| 286 | + <combobox:MaterialComboBox allowClear="true" placeholder="Time Zone" closeOnSelect="false" multiple="true" ui:field="comboTimeZone12_1" /> |
275 | 287 | <m:MaterialButton marginBottom="12" marginRight="12" ui:field="btnGetValues" text="Get Values" /> |
276 | 288 | </m:MaterialColumn> |
277 | 289 | <m:MaterialColumn grid="s12"> |
|
297 | 309 | </m:MaterialColumn> |
298 | 310 |
|
299 | 311 | <m:MaterialColumn grid="l6 m6 s12"> |
300 | | - <combobox:MaterialComboBox placeholder="Time Zone" multiple="true" ui:field="comboTimeZone14" /> |
| 312 | + <combobox:MaterialComboBox placeholder="Time Zone" closeOnSelect="false" multiple="true" ui:field="comboTimeZone14" /> |
301 | 313 | <m:MaterialButton marginBottom="12" marginRight="12" ui:field="btnSetValues" text="Set 'California' and 'Nevada'" /> |
302 | 314 | <m:MaterialButton marginBottom="12" marginRight="12" ui:field="btnGetValues2" text="Get Values" /> |
303 | 315 | </m:MaterialColumn> |
|
0 commit comments