This new iteration of select-kit focuses on following best principales and disallowing mutations inside select-kit components. A best effort has been made to avoid breaking changes, however if you content was a flat array, eg: ["foo", "bar"] You will need to set valueProperty=null and nameProperty=null on the component. Also almost every component should have an `onChange` handler now to decide what to do with the updated data. **select-kit will not mutate your data by itself anymore**
32 lines
658 B
Handlebars
32 lines
658 B
Handlebars
{{#if collection}}
|
|
<div class='values'>
|
|
{{#each collection as |value index|}}
|
|
<div class='value' data-index={{index}}>
|
|
{{d-button
|
|
action=(action "removeValue")
|
|
actionParam=value
|
|
icon="times"
|
|
class="remove-value-btn btn-small"
|
|
}}
|
|
|
|
{{input
|
|
title=value
|
|
value=value
|
|
class="value-input"
|
|
focus-out=(action "changeValue" index)
|
|
}}
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{combo-box
|
|
allowAny=true
|
|
none=noneKey
|
|
valueProperty=null
|
|
nameProperty=null
|
|
value=newValue
|
|
content=filteredChoices
|
|
onChange=(action "selectChoice")
|
|
}}
|