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

그리드 락 > Q&A | 토론

본문 바로가기
로그인

로그인후 이용해주세요

아직 회원이 아니신가요?

회원가입
로그인
MESCIUS 카카오톡 채널 추가
메시어스 +
카카오톡 채널 추가를 통해 MESCIUS의 최신 정보, 이벤트, 세미나 정보를 빠르게 받아 보실수 있습니다
홈 링크 페이스북 링크 유튜브 링크

Wijmo

Q&A | 토론

기타 그리드 락

페이지 정보

작성자 asdsdf
프로필 보기 쪽지 보내기
작성일 2022-04-29 16:32 조회 1,759회 댓글 4건
제품 버전 : 5.20211.794
컨트롤 이름 : 위즈모그리드(JavaScript)

본문

첨부파일

안녕하세요

wijmo.input.AutoComplete 을 사용해서 그리드안에 Input을 만들었습니다.

Input에 제품명 입력하면 로딩바가 돌아가며(delay:500 사용) 검색되는 로직입니다.

로딩바가 돌아가는동안 input 키입력을 막고싶습니다.


Input에 제품명 입력 -> 로딩되는동안 그리드 락 -> 로딩완료되면 제품명 이어서 입력


로딩되는동안 그리드 전체에 락거는방법이 있을까요??(e.cancel 말고 다른방법이 궁금합니다.)

락거는게 불가하다면 다른방법을 알고싶습니다.

감사합니다:)

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

댓글목록

GCK루시님의 댓글

GCK루시
프로필 보기 쪽지 보내기
작성일

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

문의 주신 내용과 관련하여 먼저 확인이 사항이 있어 댓글 드립니다.
로딩되는 동안 그리드를 편집 불가능한 상태로 만들고 로딩이 완료되면 제품명을 이어서 입력한다고 하셨는데  말씀하신 내용이 아래와 같은 것인지 확인 부탁 드립니다.
1. AutoComplete이 있는 셀에 값을 입력
2. dropDown list가 나오기 전까지 일정 시간동안 해당 셀(또는 그리드 전체)에 추가적으로 입력 불가능
3. 일정 시간이 지난 후, dropdown을 보고 추가적으로 값 입력 가능하게 전환
정확한 답변을 드리기 위해 질문 드리오니 위의 사항을 확인 후, 회신 주시면 감사 드리겠습니다.

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

삭제된 댓글

asdsdf
프로필 보기 쪽지 보내기
작성일

삭제된 댓글 입니다.

삭제된 댓글

asdsdf
프로필 보기 쪽지 보내기
작성일

삭제된 댓글 입니다.

asdsdf님의 댓글

asdsdf
프로필 보기 쪽지 보내기
작성일

넵넵 맞습니다. 첨부로 올려놓은 사진을 기준으로 말씀드리면 
  1번. 셀에 제품입력하면 로딩바 돌아감
  2번. 입력된 제품명으로 검색된 제품리스트 나옴
  3번. 입력한 제품명에 추가로 글자입력해서 제품검색
  4번. 입력된 제품명으로 검색된 제품리스트 나옴
1번, 3번 일때 입력 불가능 하게 구현하고싶습니다.
감사합니다:)

2 답변

기타 Re: 그리드 락

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

페이지 정보

작성자 asdsdf
프로필 보기 쪽지 보내기
작성일 2022-05-02 16:18 댓글 1건

본문

첨부파일

넵넵 맞습니다. 첨부로 올려놓은 사진을 기준으로 말씀드리면 
  1번. 셀에 제품입력하면 로딩바 돌아감
  2번. 입력된 제품명으로 검색된 제품리스트 나옴
  3번. 입력한 제품명에 추가로 글자입력해서 제품검색
  4번. 입력된 제품명으로 검색된 제품리스트 나옴
1번, 3번 일때 입력 불가능 하게 구현하고싶습니다.
감사합니다:) 

댓글목록

GCK루시님의 댓글

GCK루시
프로필 보기 쪽지 보내기
작성일

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

먼저 문의 주신 내용과 관련되어 확인 중에 있으며 업데이트 되는 대로 안내 드릴 수 있도록 하겠습니다. 답변이 지연되는 점 죄송드립니다.

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

기타 Re: 그리드 락

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

페이지 정보

작성자 GCK루시
프로필 보기 쪽지 보내기
작성일 2022-05-06 10:21 댓글 0건

본문

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


먼저 안내가 지연된 점 죄송드리며 답변 드립니다.

해당 기능을 구현하는데 가장 좋은 방법으로 전역 flag 변수를 선언하고 로딩바 표시 유무를 기준으로 값의 boolean 값을 전환하는 것입니다. 그 다음 flag 변수를 이용하여 아래와 같이 FlexGrid의 hostElement의 keydown 이벤트를 방지하시면 되십니다.

    // 로딩바가 표시될 때
    flag = true;
    // wjcCore.addClass(theGrid.hostElement, 'wj-state-disabled');

    ...

    // 로딩바가 사라질 때
    flag = false;
    // wjcCore.removeClass(theGrid.hostElement, 'wj-state-disabled');

    ...

    theGrid.hostElement.addEventListener('keydown', (e) => {
        if (flag) { 
            e.preventDefault();
            e.stopImmediatePropagation();
        }
    },true)


만일 flag 변수 설정과 함께 그리드의 마우스 이벤트를 방지하고 싶으시다면 그리드에 '.wj-state-class'를 추가/제거 해보시기 바랍니다. 아래 간단한 샘플을 공유 드리며 해당 샘플의 경우 입력 후, 3초동안 추가 입력이 되지 않도록 방지하는 샘플입니다. 



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


감사합니다. 

그레이프시티 드림 

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

카테고리

인기글

더보기

최신글

더보기

셀럽

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