Vaadin-combo-box: ν”„λ‘œκ·Έλž˜λ° λ°©μ‹μœΌλ‘œ vaadin-combo-box에 μ΄ˆμ μ„ 맞좜 수 μžˆλ„λ‘ ν•©λ‹ˆλ‹€.

에 λ§Œλ“  2016λ…„ 11μ›” 25일  Β·  4μ½”λ©˜νŠΈ  Β·  좜처: vaadin/vaadin-combo-box

focus ν•¨μˆ˜λ₯Ό vaadin-combo-box ν•˜μ—¬ ν”„λ‘œκ·Έλž˜λ° λ°©μ‹μœΌλ‘œ μ΄ˆμ μ„ 맞좜 수 μžˆλ‹€λ©΄ 쒋을 κ²ƒμž…λ‹ˆλ‹€.
μ§€κΈˆμ€ comboBoxElement.$.input.focus() μžˆμ§€λ§Œ λ‚΄λΆ€ μš”μ†Œμ— μ•‘μ„ΈμŠ€ν•˜λŠ” 것이 μ˜³μ§€ μ•Šλ‹€κ³  느끼며 focus κΈ°λŠ₯을 μ‚¬μš©ν•˜λ©΄ "일반" HTMLElement처럼 μž‘λ™ν•©λ‹ˆλ‹€.

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

쒋은 생각 πŸ‘ νŒ€ λ‚΄μ—μ„œ μΆ”κ°€ 토둠을 μœ„ν•΄ 이 문제λ₯Ό μ—΄μ–΄ λ‘κ² μŠ΅λ‹ˆλ‹€. κ΅¬ν˜„μ€ κ°„λ‹¨ν•˜μ§€λ§Œ μš”μ†Œμ— λΆˆν•„μš”ν•œ κΈ°λŠ₯/속성을 μΆ”κ°€ν•˜μ§€ μ•Šλ„λ‘ μ£Όμ˜ν•©λ‹ˆλ‹€. APIμ—μ„œ ν•¨μˆ˜λ₯Ό λΉ„μΆ”μ²œν•˜κ³  μ œκ±°ν•˜λŠ” 것은 항상 번거둜운 μΌμž…λ‹ˆλ‹€ 😸

λͺ¨λ“  4 λŒ“κΈ€

쒋은 생각 πŸ‘ νŒ€ λ‚΄μ—μ„œ μΆ”κ°€ 토둠을 μœ„ν•΄ 이 문제λ₯Ό μ—΄μ–΄ λ‘κ² μŠ΅λ‹ˆλ‹€. κ΅¬ν˜„μ€ κ°„λ‹¨ν•˜μ§€λ§Œ μš”μ†Œμ— λΆˆν•„μš”ν•œ κΈ°λŠ₯/속성을 μΆ”κ°€ν•˜μ§€ μ•Šλ„λ‘ μ£Όμ˜ν•©λ‹ˆλ‹€. APIμ—μ„œ ν•¨μˆ˜λ₯Ό λΉ„μΆ”μ²œν•˜κ³  μ œκ±°ν•˜λŠ” 것은 항상 번거둜운 μΌμž…λ‹ˆλ‹€ 😸

focus() λŠ” κΈ°λ³Έ HTML μš”μ†Œμ˜ μΌλΆ€μ΄λ―€λ‘œ 이미 ν¬ν•¨λ˜μ–΄ μžˆμœΌλ―€λ‘œ APIλ₯Ό μΆ”κ°€ν•˜λŠ” 것은 λ¬Έμ œκ°€ λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

호슀트 μš”μ†Œλ₯Ό 포컀슀 κ°€λŠ₯ν•˜κ²Œ λ§Œλ“€κ³  focus 및 blur 이벀트λ₯Ό λ‚΄λΆ€ <input> μš”μ†Œλ‘œ μœ„μž„ν•˜μ—¬ <paper-input> μ‚¬μš©ν•˜λŠ” 것과 λ™μΌν•œ μ ‘κ·Ό 방식을 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

@samiheikki 이것은 λΆˆν•„μš”ν•œ 것이 μ•„λ‹™λ‹ˆλ‹€. λΉ„μ¦ˆλ‹ˆμŠ€ 앱이 μž…λ ₯ μ œμ–΄μ— μ΄ˆμ μ„ 맞좜 수 μžˆλ„λ‘ ν•˜λŠ” μš”κ΅¬ μ‚¬ν•­μž…λ‹ˆλ‹€ :-).

FWIW, 이것은 μž…λ ₯으둜 직접 μž‘μ—…ν•˜μ—¬ μ‰½κ²Œ μˆ˜ν–‰ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

this.$.comboBox.$.input.focus()

κ·ΈλŸ¬λ‚˜ λ¬Όλ‘  이것은 (μ•ˆμ „ν•˜μ§€ μ•Šμ€) μžμ‹ ꡬ성 μš”μ†Œλ₯Ό μ‚¬μš©ν•˜κ³  있으며 shadow DOM이 ν™œμ„±ν™”λ˜μ–΄ μžˆμ„ λ•Œ 이것이 μž‘λ™ν•˜λŠ”μ§€ ν™•μ‹ ν•  수 μ—†μŠ΅λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰