рд╡реИрдбрд┐рди-рдХреЙрдореНрдмреЛ-рдмреЙрдХреНрд╕ рдореЗрдВ рдирдП рдЖрдЗрдЯрдо рдЬреЛрдбрд╝рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рддрдВрддреНрд░/рджрд╕реНрддрд╛рд╡реЗрдЬ рдкреНрд░рджрд╛рди рдХрд░реЗрдВред
рд╡рд╛рдбрд┐рди рдХреЙрдореНрдмреЛ рдмреЙрдХреНрд╕ рдХреЛ рдЖрдЗрдЯрдо рдЬреЛрдбрд╝рдиреЗ рдХреЗ рд▓рд┐рдП рддрдВрддреНрд░ рдкреНрд░рджрд╛рди рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдЬреИрд╕реЗ
https://demo.vaadin.com/sampler/#ui/data -input/multiple-value/combo-box
рдирдП рдЖрдЗрдЯрдо рдирд╣реАрдВ рдЬреЛрдбрд╝реЗ рдЬрд╛ рд╕рдХрддреЗ.
/**
* рдпрджрд┐ true
, рддреЛ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдПрдХ рдорд╛рди рдЗрдирдкреБрдЯ рдХрд░ рд╕рдХрддрд╛ рд╣реИ рдЬреЛ рдЖрдЗрдЯрдо рд╕реВрдЪреА рдореЗрдВ рдореМрдЬреВрдж рдирд╣реАрдВ рд╣реИред
* value
рд╕рдВрдкрддреНрддрд┐ рдЗрд╕ рдорд╛рдорд▓реЗ рдореЗрдВ рдЗрдирдкреБрдЯ рдореВрд▓реНрдп рдкрд░ рд╕реЗрдЯ рдХреА рдЬрд╛рдПрдЧреАред
* рд╕рд╛рде рд╣реА, рдЬрдм value
рдкреНрд░реЛрдЧреНрд░рд╛рдореЗрдЯрд┐рдХ рд░реВрдк рд╕реЗ рд╕реЗрдЯ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдЗрдирдкреБрдЯ рдорд╛рди рд╕реЗрдЯ рд╣реЛ рдЬрд╛рдПрдЧрд╛
* рдЙрд╕ рдореВрд▓реНрдп рдХреЛ рдкреНрд░рддрд┐рдмрд┐рдВрдмрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдПред
*/
рдЕрдиреБрдорддрд┐ рдХрд╕реНрдЯрдорд╡реИрд▓реНрдпреВ: {
рдкреНрд░рдХрд╛рд░: рдмреВрд▓рд┐рдпрди,
рдорд╛рди: рдЭреВрдард╛
},
рдЙрдкрд░реЛрдХреНрдд рд╕реНрдирд┐рдкреЗрдЯ vaadin-combo-box-mixin.html
ред :)
рдХреЛрдб рдореЗрдВ рдХрд░реЗрдВ:
<vaadin-combo-box allow-custom-value ...
рдХреНрдпрд╛ рдЗрд╕рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рдпрд╣рд╛рдВ рдбреЙрдХреНрд╕ рдореЗрдВ рднреА рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛
рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЗрд╕рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рд╣реИред рдпрд╣рд╛рдВ "рдХрд╕реНрдЯрдо рдорд╛рдиреЛрдВ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдВ" рдбреЗрдореЛ рджреЗрдЦреЗрдВред рдХреНрдпрд╛ рдпрд╣ рдЖрдкрдХреЗ рд▓рд┐рдП рдкрд░реНрдпрд╛рдкреНрдд рд╕реНрдкрд╖реНрдЯ рд╣реИ, рдпрд╛ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдЖрдк рдереЛрдбрд╝рд╛ рдФрд░ рд╡рд░реНрдмреЛрдЬрд╝ рд╡рд┐рд╡рд░рдг рдмрдирд╛рдиреЗ рдХрд╛ рд╕реБрдЭрд╛рд╡ рджреЗрдВ?
рдЗрд╕реЗ рдФрд░ рдЕрдзрд┐рдХ рдХреНрд░рд┐рдпрд╛рддреНрдордХ рдмрдирд╛рдпрд╛ рдЬрд╛рдП рддреЛ рдмреЗрд╣рддрд░ рд╣реЛрдЧрд╛ред рдореЗрд░реЗ рд▓рд┐рдП 'рдХрд╕реНрдЯрдо рдорд╛рди' рдереЛрдбрд╝рд╛ рднреНрд░рд╛рдордХ рд╣реИред рдпрд╣ рдЕрдЪреНрдЫрд╛ рд╣реЛрдЧрд╛ рдХрд┐ рдЗрд╕рдХрд╛ рд╡рд░реНрдгрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП 'рд╕рдВрдкрд╛рджрди рдпреЛрдЧреНрдп' рдХрд╛ рднреА рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХреЗред
рдореЗрд░реЗ рд▓рд┐рдП Custom Values
editable
рд╕реЗ рдмреЗрд╣рддрд░ рд▓рдЧрддрд╛ рд╣реИред рд╕рдВрдкрд╛рджрди рдпреЛрдЧреНрдп рдзреНрд╡рдирд┐рдпрд╛рдБ рдЬреИрд╕реЗ рдЖрдк рдХреЙрдореНрдмреЛ-рдмреЙрдХреНрд╕ рдЖрдЗрдЯрдо рд╕рдВрдкрд╛рджрд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ (рдЙрдиреНрд╣реЗрдВ рдЬреЛрдбрд╝реЗрдВ/рдЕрдкрдбреЗрдЯ рдХрд░реЗрдВ/рд╣рдЯрд╛рдПрдВ) рдЬрд╣рд╛рдВ рдХрд╕реНрдЯрдо рдорд╛рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреЗрд╡рд▓ рдПрдХ рдХрд╕реНрдЯрдо рдорд╛рди рдХреЗ рд▓рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдореЗрд░реЗ рд▓рд┐рдП
Custom Values
editable
рд╕реЗ рдмреЗрд╣рддрд░ рд▓рдЧрддрд╛ рд╣реИред рд╕рдВрдкрд╛рджрди рдпреЛрдЧреНрдп рдзреНрд╡рдирд┐рдпрд╛рдБ рдЬреИрд╕реЗ рдЖрдк рдХреЙрдореНрдмреЛ-рдмреЙрдХреНрд╕ рдЖрдЗрдЯрдо рд╕рдВрдкрд╛рджрд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ (рдЙрдиреНрд╣реЗрдВ рдЬреЛрдбрд╝реЗрдВ/рдЕрдкрдбреЗрдЯ рдХрд░реЗрдВ/рд╣рдЯрд╛рдПрдВ) рдЬрд╣рд╛рдВ рдХрд╕реНрдЯрдо рдорд╛рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреЗрд╡рд▓ рдПрдХ рдХрд╕реНрдЯрдо рдорд╛рди рдХреЗ рд▓рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред