λ²μ : 10.0.9
(12.0.2μμ μλ)
콀보 μμμμ λΈλ¬λ§ μ΄λ²€νΈ(μ
λ ₯ ν둬ννΈ λ΄λΆμ μΌλΆ κ° ν¬ν¨)κ° λ°μνλ©΄ κ°λ‘ λ° μΈλ‘ μ€ν¬λ‘€ λ§λκ° λͺ¨λ 1μ΄ λμ νμλ©λλ€.
λΉλμ€κ° λ¬Έμ λ₯Ό λ μ μ€λͺ νκΈ°λ₯Ό λ°λλλ€.
μ΄κ²μ λ μ΄μμ λ¬Έμ /μ€νμΌ λ¬Έμ /ν΄λΌμ΄μΈνΈ μΈ‘ λ¬Έμ (λλ μ΄λ€μ μ‘°ν©)μΌ μ μμ΅λλ€.
λ¬Έμ κ° μ νν μ΄λμ μλμ§ μ΄ν΄νκΈ° μν΄ μ¬ννλ λ° μ¬μ©ν μ μλ μμ€ μ½λλ₯Ό μ 곡νμμμ€.
μλ² μΈ‘μμ combo-box
κ΅¬μ± μμμ μ무κ²λ μΆκ°νμ§ μλλ€κ³ νμ νκΈ° λλ¬Έμ μ΄κ²μ΄ μμν 콀보 μμ λ¬Έμ μΈμ§ μμ¬λ©λλ€. μ¬κΈ°μ λ€λ₯Έ κ²μ΄ ν¬ν¨λμ΄μΌ ν©λλ€.
μμ€ μ½λλ₯Ό κΈ°λ€λ¦¬κ³ μμ΅λλ€.
μ£μ‘ν©λλ€. μ¬κΈ°μ μΆκ°νλ κ²μ μμμ΅λλ€.
```
μ΅μ’
콀보 μμ
ArrayList<String> items=new ArrayList<>(Arrays.asList("rot", "grΓΌn", "gelb", "blau"));
combobox.setItems(items);
Button button = new Button("Click me",
event -> Notification.show("Clicked!" + combobox.getValue()));
add(combobox);
add(button);
```
νλμ λ³΄κ³ μμ μμ ν λ€λ₯Έ λ κ°μ§ λ¬Έμ κ° μλ κ² κ°μ΅λλ€.
λ€μμ μ¬ννλ λ° μ¬μ©νλ μ 체 μμ€ μ½λμ λλ€.
@Route("input-combo")
public class InputComboBoxPage extends Div {
public InputComboBoxPage() {
final ComboBox<String> combobox = new ComboBox<>("Farbauswahl");
ArrayList<String> items = new ArrayList<>(
Arrays.asList("rot", "grΓΌn", "gelb", "blau"));
combobox.setItems(items);
NativeButton button = new NativeButton("Click me",
event -> System.out.println("xxx"));
add(combobox);
add(button);
}
}
(μ΄ μ½λλ κ·Έλλ‘ λ³΅μ¬νμ¬ ν μ€νΈ μΈνλΌμ λΆμ¬λ£λ λ° μ¬μ©ν μ μμ΅λλ€.)
λ΄κ° 보λ κ²:
λ°λΌμ _IF_ μ΄ λ¬Έμ λ μ€ν¬λ‘€λ°μ κ΄ν κ²μ΄λ―λ‘ μ¬νν μ μμ΅λλ€.
μμμ λ§νλ―μ΄ μ΄κ²μ 콀보 μμμ λν μΌλΆ λ μ΄μμμ΄λ μ€νμΌμ μ¬μ©ν κ²°κ³Όμ¬μΌ ν©λλ€. 콀보 μμμ μ¬μ©νλ 컨ν
μ΄λκ° μ€μν©λλ€. Div
νκ³ μλλ° μ€ν¬λ‘€λ°κ° μμ΅λλ€.
_IF_ λ¬Έμ λ ν΄λ¦ν μ μλ€λ κ²μΈλ° μ΄κ²μ΄ λ¬Έμ μΈμ§ μ ν λͺ¨λ₯΄κ² μ΅λλ€(콀보λ°μ€κ° μλνλ λ°©μμΌ μ μμ). κ·Έλ¬λ κ·Έκ²μ νμ€ν λ¬Έμ λ‘ μ μΆλ μ μμ΅λλ€.
λ°λΌμ μ΄ ν°μΌμ μ€λͺ
μ΄ νμν©λλ€. μ€ν¬λ‘€λ°λ ν΄λ¦ λΆκ°μ μμ ν λ
립μ μ
λλ€. ν΄λ¦ λ¬Έμ λ λ³λλ‘ μμ±λ μ μμ΅λλ€.
μ΄ λ¬Έμ λ μ€ν¬λ‘€λ°μ κ΄ν κ²μ΄κ±°λ _only_λ₯Ό ν΄λ¦νλ κ²μ΄μ΄μΌ ν©λλ€.
μ€ν¬λ‘€λ°μ κ²½μ° κ·Έκ²μ μ¬νν μ μλ μ νν μλ° μ½λκ° μμ΄μΌ ν©λλ€. λ΄ μ½λλ‘ μ¬νν μ μμ΅λλ€.
κ·νμ μ½λλ₯Ό μ¬μ©νμ¬ λ¬Έμ λ₯Ό μ¬νν μλ μμ΅λλ€.
콀보 μμμ κ°μ μ
λ ₯ν λ€μ μΈλΆλ₯Ό ν΄λ¦νκ³ μμ΅λκΉ? μΈλΆλ₯Ό ν΄λ¦νκ³ μ
λ ₯ λ¬Έμ λ΄λΆμ μ무κ²λ μ
λ ₯νμ§ μμΌλ©΄ λ¬Έμ λ₯Ό μ¬νν μ μμ΅λλ€. μλ₯Ό λ€μ΄ xxx
λ₯Ό μ
λ ₯νκ³ ν΄λ¦ν©λλ€. κ·Έλ¬λ©΄ μ€ν¬λ‘€λ°κ° λνλ©λλ€.
μ€λͺ μ΄ λ무 λͺ¨νΈνλ€λ©΄ μ£μ‘ν©λλ€. μ΄ νΉλ³ν κ²½μ°μλ λ€λ₯Έ λ¬Έμ μ κ·Όλ³Έ μ¬λ‘μΌ μ μλ€κ³ μκ°νκΈ° λλ¬Έμ Scrollbarsμ κ΄μ¬μ΄ μμ΅λλ€. (λ°μ¬λμ§ μμ λ²νΌμ΄ ν΄λ¦λ κ²κ³Ό κ°μ΅λλ€.) κ·Έλ¬λ μ€μ λ‘ λ¬Έμ λ μ€ν¬λ‘€λ°μ λλ€.
μ, 콀보 μμ ν μ€νΈ νλμ μΌλΆ ν μ€νΈλ₯Ό μμ±νμ΅λλ€.
μκ² μ΅λλ€. λΆνΈμ λλ € μ£μ‘ν©λλ€. μ΄μ μ 11λ‘ ν μ€νΈνμ§λ§ κ·νμ κ²½μ°μ λ΄ κ²½μ° λͺ¨λ V12μμ μ¬λ°λ₯΄κ² μλνλ κ² κ°μ΅λλ€.
vaadin-combo-box-flow
λν΄ 1.0-SNAPSHOT
λ²μ μ μ¬μ© μ€μ
λλ€. μ¬νν μ μμ΅λλ€.
μ νν μ΄λ€ λ²μ μ μ¬μ©ν©λκΉ?
μ΄λ»κ² νμΈν μ μλμ?
λ°λ‘ λ²μ μ μ§μ νλ κ²μ΄ μλλΌ νλ‘μ° λ²μ μμ λ°μ¨ κ² κ°μμ. (κΈ°λ³Έ νλ‘μ νΈ κΈ°λ³Έ μ€νν° μ¬μ©)
Flow λ²μ μ΄ μλ μ μμ΅λλ€. Flowλ λ΄μ₯ HTML κ΅¬μ± μμλ₯Ό μ μΈνκ³ λ κ΅¬μ± μμλ₯Ό μμ§ λͺ»ν©λλ€.
νλ«νΌ λ²μ μ
λλ€.
pom.xml
νλ«νΌμ μ§μ λ κ΅¬μ± μμ λ²μ μ νμΈν μ μμ΅λλ€.
λ€λ₯Έ λ°©λ²: νλ‘μ νΈμμ jar μ’
μμ±μ νμΈνμμμ€. λͺ¨λ νμ리μλ λ²μ μ΄ μμ΅λλ€.
μλλ©΄ νλ«νΌ λ²μ μ μλ €μ£ΌμΈμ. μ΄ λ²μ μ μ κ° μ§μ μ°Ύμ κ²μ λλ€.
1.0.7
λν νλ«νΌ λ²μ μ΄ pomμ <vaadin.version>10.0.9</vaadin.version>
μλκ°μ? μλλ©΄ λ΄κ° λκ°λ₯Ό λμΉκ³ μμ΅λκΉ?
<vaadin.version>10.0.9</vaadin.version>
λ νλ«νΌ λ²μ μ²λΌ 보μ
λλ€.
μ¬μμ°ν μ μμ΅λλ€.
λλ https://github.com/vaadin/skeleton-starter-flow/tree/v10μ μ¬μ©νμ΅λλ€
MainView
μ½ν
μΈ κ° λ€μμΌλ‘ μ€μ λ¨
final ComboBox<String> combobox = new ComboBox<>("Farbauswahl");
ArrayList<String> items = new ArrayList<>(
Arrays.asList("rot", "grΓΌn", "gelb", "blau"));
combobox.setItems(items);
NativeButton button = new NativeButton("Click me",
event -> System.out.println("xxx"));
add(combobox);
add(button);
μ€ν¬λ‘€λ°κ° μμ΅λλ€.
skeleton-starter
λ₯Ό μ¬μ©νμ¬ λ¬Έμ λ₯Ό μ¬ννμμμ€. μ¬νν μ μλ€λ©΄ νλ‘μ νΈλ₯Ό μμΉ΄μ΄λΈνκ³ μ΄μμ 첨λΆνμμμ€(μμΉ΄μ΄λΈμμ target
ν΄λλ₯Ό μ κ±°νλ κ²μ μμ§ λ§μμμ€).
ν
μ€νΈμ μ¬μ©λλ λ΄ νλ‘μ νΈ μ²¨λΆ
νλ‘μ νΈλ² μ΄μ€ .zip
첨λΆλ νλ‘μ νΈλ‘ μ΄ λ¬Έμ λ₯Ό μ¬νν μ μμ΅λλ€.
λλ κ·Έκ²μ΄ κ΅¬μ± μ°¨μ΄μ κ²°κ³Ό μΌ μ μλ€κ³ κ°μ ν©λλ€.
μ΄κ²μ λͺ¨λ κ²μ΄ μ¬κΈ°μ μ€μνλ€λ κ²μ μλ―Έν©λλ€.
μ΄λ€ λΈλΌμ°μ λ₯Ό μ¬μ©ν©λκΉ? (μ΄λ¦ + λ²μ )
μ΄λ€ OSλ₯Ό μ¬μ©ν©λκΉ?
μ΄κ²μ λ λ§μ μκ°μ ν μ νμ§ μμ΅λλ€. μ 보λ₯Ό μ 곡νκ³ μ΄ λ¬Έμ μ λν΄ μμ ν κ°λ°μκ° μ΄ μ 보λ₯Ό μ¬μ©ν κ²μ λλ€.
κ΅¬κΈ ν¬λ‘¬ | 70.0.3538.110
μ΄μ 체μ : μλμ° 10
λΉνμ± μνλ‘ μ’ λ£νκ³ μμ μ견μμ μΈκΈν λ¬Έμ λ₯Ό μ¬νν μ μμμ΅λλ€.