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

콤보박스로 그리드 안 체크박스제어 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS 콤보박스로 그리드 안 체크박스제어

페이지 정보

작성자 shin1 작성일 2024-03-18 10:53 조회 95회 댓글 0건
제품 버전 : 5.20212.82
컨트롤 이름 : flexgrid

본문

안녕하세요


콤보박스로 그리드 안에 있는 체크박스의 값을 취득해서 콤보박스를 변경할때마다 임의로 체크여부를 변경하려고 합니다.


Combobox의 프로퍼티인 selectedIndexChanged 이용해서 초기 상태는 전부 체크가 되어있는 상태에서 체크박스의 배열의 value값을 false로 변경해봤지만 변경이 되지 않았습니다.


그리드 안의 체크박스의 값을 취득하는 방법과 콤보박스로 체크박스의 값을 변경하는 법을 알려주시면 감사하겠습니다.


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

댓글목록

등록된 댓글이 없습니다.

3 답변

PureJS Re: 콤보박스로 그리드 안 체크박스제어

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-03-20 17:04 댓글 1건

본문

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


문의하신 내용은 selectedIndexChanged 이벤트 내에서 행 컬렉션의 dataItem에 접근하여 그리드 데이터 변경 후, view에 적용하기 위해 그리드의 refresh 메서드를 호출해주시면 됩니다. 


자세한 코드는 아래 샘플에서 확인할 수 있습니다.



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


감사합니다.

메시어스 드림

댓글목록

shin1님의 댓글

shin1 작성일

답변감사합니다.
혹시 열 전체외에 특정 행만  부분적으로 체크가 안되게 끔 할 수는 없을까요?

PureJS Re: 콤보박스로 그리드 안 체크박스제어

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-03-26 11:52 댓글 2건

본문

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


문의하신 특정 행만 변경 처리를 위해서는 boolean 값에 설정 전에 아래 코드와 같이 조건을 설정하여 구현할 수 있습니다.


조건은 고객님의 요구 조건에 따라 사용자 정의하여 변경하시면 됩니다.

function changeData(grid,isYesNo){
  grid.rows.forEach(row=>{
    if(row.dataItem.id < 10 ){ //id 값이 10보다 작으면
       row.dataItem.active = isYesNo;
    }
  })
}


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


감사합니다.

메시어스 드림

댓글목록

shin1님의 댓글

shin1 작성일

안녕하세요 답변감사합니다 
추가적으로 질문이 있습니다.
첫번째 답변의 예제에서 콤보박스의 true를 선택하고 그리드 안의 체크박스에서 임의로 몇개를 체크를 해제하고
다시 콤보박스에서 true를 선택하면 전체 선택이 되게 하는 설정하는 법을 알 수 있을까요?
답변 부탁드립니다.

MESCIUS엘라님의 댓글

MESCIUS엘라 작성일

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

문의 주신 내용은 확인 중에 있으며 업데이트 되는 대로 안내 드리겠습니다.

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

PureJS Re: 콤보박스로 그리드 안 체크박스제어

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

페이지 정보

작성자 MESCIUS엘라 작성일 2024-04-12 08:47 댓글 0건

본문

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


말씀하신 문의의 경우, addEventListener 메서드를 활용하여 'click' 이벤트가 발생할 때 체크 박스의 true/false 값을 변경시켜 구현할 수 있습니다.

콤보 박스의 리스트 박스에서 항목 클릭 시, 선택 혹은 해제된 체크 박스의 여부와 상관없이 innerText 값에 따라 체크 박스 전체를 선택하거나 취소할 수 있습니다.

(리스트 박스는 콤보 박스를 클릭했을 때 Dropdown 되어 보여지는 박스 영역입니다.)


자세한 코드는 아래의 샘플을 참고하여 주시기 바랍니다.



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


감사합니다.

메시어스 드림


댓글목록

등록된 댓글이 없습니다.

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