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

콤보박스 선택 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS 콤보박스 선택

페이지 정보

작성자 shin1 작성일 2024-04-19 15:34 조회 73회 댓글 0건
제품 버전 : 5.20212.82
컨트롤 이름 : combobox

본문

https://demo.mescius.co.kr/wijmo/learn-wijmo/Input/ComboBox/Objects/Overview 


위의 링크에서 콤보박스를 변경하고 나서 변경된 콤보박스의 글자가 선택(드래그)이 되어있는 상태가 됩니다.


혹시 콤보박스를 변경 후에도 선택이 안되어있게 할 수 있는 방법을 알 수 있을까요?

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

댓글목록

등록된 댓글이 없습니다.

5 답변

PureJS Re: 콤보박스 선택

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-04-24 10:25 댓글 0건

본문

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


문의하신 내용의 경우, ComboBox의 inputElement의 속성에 포커스를 제거해주는 blur를 설정하여 구현할 수 있습니다.


아래 코드를 참고하여 주시기 바랍니다.


    var theComboString = new wijmo.input.ComboBox('#theComboString', {
        selectedIndexChanged: (sender) => {
         setTimeout(function(){
            sender.inputElement.blur() 
            })
        },
        itemsSource: getCountries()
    });


다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

메시어스 드림


댓글목록

등록된 댓글이 없습니다.

PureJS Re: 콤보박스 선택

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

페이지 정보

작성자 shin1 작성일 2024-04-24 10:42 댓글 0건

본문

답변감사합니다.

혹시 팝업창에 콤보박스가 있을 경우,

팝업창으로 열었을 때 콤보박스의 선택이 되어있습니다.

마찬가지로 콤보박스가 선택이 안되도록 해제되게 하는 방법을 알 수 있을까요? 

댓글목록

등록된 댓글이 없습니다.

PureJS Re: 콤보박스 선택

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-04-26 08:40 댓글 0건

본문

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


문의하신 Popup 컨트롤 안에 ComboBox 컨트롤이 설정된 상태에서, 팝업창이 열릴 때 combobox의 기본 선택을 막는 방법에 대해 안내드립니다.


해당 기능을 구현하기 위해서는 팝업 컨트롤이 표시될 때 발생하는 showing 이벤트 내에서 comboBox의 selectedIndex를 -1로 설정해보시기 바랍니다. 다만 selectedIndex를 -1로 설정하기 위해서는 콤보박스의 isRequired 속성을 false로 설정하여 주시기 바랍니다.


let parentPopup = new wijmo.input.Popup('#parentPopup', {
   (...)
var theComboString = new wijmo.input.ComboBox('#theComboString', {
    itemsSource: ["yes","true"],
    isRequired:false,
  });

document.querySelector('#btnLogin').addEventListener('click', () => {
    parentPopup.show(true);
});

parentPopup.showing.addHandler(function(s,e){
    theComboString.selectedIndex = -1;
})


다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

메시어스 드림

댓글목록

등록된 댓글이 없습니다.

PureJS Re: 콤보박스 선택

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

페이지 정보

작성자 shin1 작성일 2024-04-30 11:45 댓글 0건

본문

답변감사합니다.


팝업창이 열릴 때 combobox의 기본 선택이 안되도록 하는 예시 코드대로 selectedIndex -1,  isRequired false로 한 결과, 

팝업창이 열릴 때마다 콤보박스를 클릭하면 안에 리스트들은 있었지만, 콤보박스 안에는 항상 빈 상태로 되어있었습니다. 


팝업창을 열릴 때마다 빈 상태가 아닌 콤보박스의 리스트의 커서가 표시안되게 다른 방법이나 해결방법이 알려주실 수 있으실까요?

댓글목록

등록된 댓글이 없습니다.

PureJS Re: 콤보박스 선택

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-05-03 09:10 댓글 0건

본문

안녕하세요 shin1님,

메시어스입니다.


문의하신 내용은 아래 Q&A 글에 답변드렸으며 확인 부탁드립니다.

- 팝업창 콤보박스


감사합니다.

메시어스 드림


댓글목록

등록된 댓글이 없습니다.

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