! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

combo 포커스 관련 문의 > Q&A | 토론

본문 바로가기

Angular combo 포커스 관련 문의

페이지 정보

작성자 jyh1861 작성일 2023-11-08 14:41 조회 215회 댓글 0건
제품 버전 : 5.20222.877
컨트롤 이름 : wj-combo-box

본문

combobox를 클릭하면 내용에 블럭이 지정되면서 커서가 깜빡거리는데 막을 수 있는 방법은 없을까요?


수정은 isEditable를 통하여 막을 순 있지만 클릭을 하면 마치 수정이 될것같은 상태로 보여져서 포커스를 막아 커서가 갈 수 없게하고 clickAction은 적용하여 버튼 또는 해당 combo를 클릭하면 펼쳐질 수 있도록 하고싶습니다.


<wj-combo-box [itemsSource]="items" [selectedValuePath]="'cd'" [displayMemberPath]="'nm'" [clickAction]="'Toggle'" [isEditable]="false">
</wj-combo-box>


위와 같이 사용중입니다.

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

3 답변

Angular Re: combo 포커스 관련 문의

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 MESCIUS루시 작성일 2023-11-09 10:57 댓글 2건

본문

안녕하세요 메시어스입니다.


문의하신 기능이 아래 그림과 같이 ComboBox를 클릭 시, inputElement 텍스트 전체 선택 방지 및 커서가 나오지 않도록 설정하고 싶다는 말씀이 맞으실까요? 정확한 답변을 위해 확인 요청드리오니 확인 후 회신주시면 감사드리겠습니다.


c8d3d8c9ed135c3be710f7ef74e83771_1699494981_847.png
 


감사합니다.

메시어스 드림

댓글목록

jyh1861님의 댓글

jyh1861 작성일

네 맞습니다. 저 그림처럼 작동하면 될 것 같습니다.

MESCIUS루시님의 댓글의 댓글

MESCIUS루시 작성일

안녕하세요 메시어스입니다.

확인 감사드리며 업데이트가 되는대로 안내드리도록  하겠습니다.

감사합니다. 
메시어스 드림 

Angular Re: combo 포커스 관련 문의

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 MESCIUS루시 작성일 2023-11-10 16:30 댓글 2건

본문

안녕하세요 메시어스입니다. 


ComboBox의 hostElement에서 'mousedown' 이벤트를 이용하여 구현할 수 있습니다. 아래 간단한 코드를 참고하여 주시기 바랍니다.


html

<wj-combo-box id="theCombo" [displayMemberPath]="'country'" [itemsSource]="data" (initialized)="initCombo(combo)" #combo>
 </wj-combo-box>

ts

initCombo(combo: any){
    window['cb'] = combo;

     combo.hostElement.addEventListener('mousedown', (e) => {
         e.preventDefault()
         combo.isDroppedDown = !combo.isDroppedDown; //dropdown 보여주기
         combo.inputElement.setSelectionRange(combo.inputElement.selectionEnd, combo.inputElement.selectionEnd); // 셀 전체선택 블록 없애기
         combo.dropDown.focus(); //콤보박스 드롭다운에 포커스
    }, true)
}


- isDroppedDown API 문서 


관련 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

메시어스 드림


댓글목록

jyh1861님의 댓글

jyh1861 작성일

combo.dropDown.focus()를 주석처리하여 박스안에 커서가 가는건 막았으나 
박스 안쪽을 클릭하면 드롭다운이 펼쳐지지 않습니다
(cilckAction)="'Toggle'"을 설정하여 아이콘을 누르지 않아도 드롭다운이 펼쳐져야 합니다.

jyh1861님의 댓글

jyh1861 작성일

clickAction테스트결과 Open으로했을때 잘 열리지만 Toggle로했을때에는 열리지도않습니다

Angular Re: combo 포커스 관련 문의

추천1 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 MESCIUS루시 작성일 2023-11-14 12:18 댓글 1건

본문

안녕하세요 메시어스입니다.


콤보박스 아이콘뿐만 아니라 comboBox의 inputElement 영역을 클릭할 때도 dropdown 이 나오도록 설정하고 싶으신 경우, inputElement에 포커스 후, setTimeout을 통해 dropdown 영역에 대한 focus 및 블럭이 사라지도록 setSelectionRange를 설정하시면 됩니다.


아래 간단한 샘플을 공유드리오니 참고 부탁드립니다.


 


감사합니다.

메시어스 드림

댓글목록

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.