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

Selector 체크 초기화시키기 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS Selector 체크 초기화시키기

페이지 정보

작성자 Nexus 작성일 2022-11-10 13:53 조회 1,870회 댓글 0건
제품 버전 : 2022v1
컨트롤 이름 : selector

본문

안녕하세요 


배경 그리드에서 입력을 누르면 그리드를 출력하는 팝업이 아래와같이 띄워지고,


 


 해당 그리드에 selector를 추가하여 체크 후 ok버튼을 누르면 밖의 그리드에 데이터가 입력되도록 코드를 작성하였습니다.


팝업에 그리드도 잘 출력되고 selector 체크된 데이터도 배경 그리드로 잘 넘어갑니다..

하지만 팝업의 selector가 다른행의 입력버튼을 클릭했을때 selector가 초기화되어야하는데

제이쿼리나 자바스크립트로 input checkbox의 checked를 false로 설정하거나, 

selector를 가진 그리드의 sel 값을 false로 설정하여도 콘솔에서는 false로 보이지만 실제로 selector의 체크가 풀리지않습니다..

팝업을 띄울때나, 팝업이 종료될때 selector의 체크를 초기화시키고싶습니다.

방법문의드립니다.


감사합니다.

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

댓글목록

등록된 댓글이 없습니다.

3 답변

PureJS Re: Selector 체크 초기화시키기

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

페이지 정보

작성자 GCK다이애나 작성일 2022-11-10 15:05 댓글 0건

본문

안녕하세요 그레이프시티입니다.


문의 주신 내용에 대해 답변 드립니다.

팝업 창 종료 시, 팝업 창 내부에 생성된 그리드 행의 isSelected 속성을 false 로 지정 후 refresh 메서드를 호출하여 해당 그리드를 새로 고침 하는 코드를 작성해 체크 박스의 체크를 해제할 수 있습니다.

아래의 샘플을 참고해 보시기 바랍니다.


- isSelected API 문서

- refresh API 문서


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


감사합니다.


그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

PureJS Re: Selector 체크 초기화시키기

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

페이지 정보

작성자 Nexus 작성일 2022-11-10 17:10 댓글 1건

본문

답변감사합니다.

해당내용은 제 소스를 일부 수정하면서 해결되었는데

한가지 추가 문의드릴점은 

selector와 필터를 동시에 사용하였을 경우에 아래와같은 소스를 이용해 필터검색시에도 selector 체크가 풀리지 않도록 구현해놓았는데

0980218298e640b4b2cf094b3e96cc6b_1668067809_3924.png
 

위에서 frmLogin.show 구문 안의 //선택한 항목을 그리드에 표기하는 코드 작성 위치 부분에

필터검색에도 풀리지않은 체크박스들을 그리드에 표기하는 소스를 넣어야하는데

gird.rows[i].dataItem 을 그리드로 보내려고해도 현재 필터로 검색되어 보여지고있는 내용의 체크박스값만 보내집니다..

이 부분은 어떻게 해결할 수 있을까요?

댓글목록

GCK다이애나님의 댓글

GCK다이애나 작성일

안녕하세요 그레이프시티입니다.

문의 주신 내용에 대해 현재 확인 중에 있으며 확인되는 대로 답변 드리도록 하겠습니다.
답변이 지연되어 죄송합니다.

감사합니다.
그레이프시티드림.

PureJS Re: Selector 체크 초기화시키기

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

페이지 정보

작성자 GCK다이애나 작성일 2022-11-15 11:52 댓글 0건

본문

안녕하세요 그레이프시티입니다.


먼저 답변이 지연되어 죄송합니다.

문의 주신 내용에 대해 답변 드립니다.

FlexGridFilter 컨트롤의 filterChanging 이벤트에 필터가 적용되기 전의 isSelected 속성 값이 true인 항목들을 사용자 정의 변수에 저장하는 코드를 구현하여 필터 적용 후에도 그리드의 기존에 선택된 항목들을 불러올 수 있습니다.

이때 사용자 정의 변수에 선택된 항목들을 저장 시 동일한 내용의 항목들이 추가되는 것을 방지하길 원하신다면, 아래의 코드와 같이 조건문을 통해 새로이 선택된 항목들만 변수에 추가하는 코드를 이용해 보시기 바랍니다.

grid.rows.forEach((r,i) => {
  if(r.isSelected){
  // 기존의 선택된 항목을 제외하고 새로이 선택된 항목만 추가
    let pushed = false;
    for(var j = 0;j<select.length;j++){
      if(select[j].id == r.dataItem.id){
        pushed = true;
      }
    }

    if(pushed == false){
      select.push(r.dataItem);
    }
  }                     
});

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


- filterChanging API 문서


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


감사합니다.


그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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