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

최초 그리드 조회 시 체크박스 안보임 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS 최초 그리드 조회 시 체크박스 안보임

페이지 정보

작성자 개미 작성일 2021-06-30 23:59 조회 3,747회 댓글 0건
제품 버전 : 5.20211.794

본문

팝업창으로 그리드를 띄울 경우,

체크박스가 처음에는 보이지 않습니다.


체크박스를 클릭한 행만 정상적으로 조회됩니다.

클릭하고 팝업창을 닫았다가 열면 다시 정상적으로 체크박스가 보입니다.

아래 캡처본 참고 부탁드립니다.


1. 최초 팝업창 띄울 때

2e86b4cbdeccba141aea04edeb3e4e44_1625065108_1834.PNG


2. 세번째 행 체크박스 클릭 시
2e86b4cbdeccba141aea04edeb3e4e44_1625065108_2292.PNG


3. 체크박스 전체선택 클릭 시

2e86b4cbdeccba141aea04edeb3e4e44_1625065108_286.PNG


4. 3번 이후 팝업창을 닫고 다시 팝업창을 열었을 때

2e86b4cbdeccba141aea04edeb3e4e44_1625065108_3266.PNG


개발자 도구로 보면 체크박스가 헤더가 아닌 곳에 위치해 있어서 안보이는것 같네요.
 

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

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: 최초 그리드 조회 시 체크박스 안보임

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

페이지 정보

작성자 GCK루시 작성일 2021-07-01 13:23 댓글 4건

본문

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


문의 주신 내용과 관련하여 저희 쪽에서 해당 문제가 재현 되지 않아 원인을 찾는 데 어려움이 있습니다. 저희 쪽으로 해당 문제를 재현 및 디버깅 할 수 있는 샘플을 공유해주실 수 있으실까요? 만약 공유가 어렵다면 체크 박스를 가진 그리드를 팝업창으로 띄우는 샘플을 전달 드리오니 아래 샘플에서 코드를 추가하시면서 문제가 발생하는 요소를 발견 후, 말씀해주시면 재현 및 디버깅하여 문제를 해결할 수 있도록 도와 드리도록 하겠습니다.

 


 



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


감사합니다. 

그레이프시티 드림 


* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.


댓글목록

개미님의 댓글

개미 작성일

아래와 같이 그리드 선언을 하였습니다.

 categoryGridPager = new wijmo.input.CollectionViewNavigator('#categoryGridPager', {
                byPage: true,
                headerFormat: '{currentPage:n0} / {pageCount:n0}',
                cv: stockView
            });
            categoryGrid = new wijmo.grid.FlexGrid('#categoryGrid', {
                autoGenerateColumns: false,
                alternatingRowStep: 0,
                columns: [
                  { binding: 'l_categy_cd'header: '대카테고리코드'isReadOnly: falsewidth: 230align:"center"},
                  { binding: 'l_categy_nm'header: '대카테고리명'isReadOnly: falsewidth: 230align:"center"},
                  { binding: 'm_categy_cd'header: '중카테고리코드'isReadOnly: falsewidth: 230align:"center" },
                  { binding: 'm_categy_nm'header: '중카테고리명'isReadOnly: falsewidth: 230align:"center"  },
                  { binding: 'reg_date'header: '등록일시'isReadOnly: truewidth: 230align:"center"  }

                ],
                beginningEdit: function (se) {
                    var col = s.columns[e.col];
                    var item = s.rows[e.row].dataItem;
                    if(item.reg_date != undefined){
                        if (col.binding == 'l_categy_cd') {
                            e.cancel = true;
                            alert("대카테고리코드는 신규 행일때만 입력이 가능합니다.");
                        }else if(col.binding == 'm_categy_cd'){
                             e.cancel = true;
                            alert("중카테고리코드는 신규 행일때만 입력이 가능합니다.");
                        }
                    }
                },
                cellEditEnding: function (se) {
                    var col = s.columns[e.col];
                    if (col.binding == 'l_categy_cd') {
                        var value = wijmo.changeType(s.activeEditor.valuewijmo.DataType.Stringcol.format);
                        if (value.length != 2) {
                            e.cancel = true;
                            e.stayInEditMode = true;
                            alert('대카테고리코드는 2자리 입니다.');
                        }
                        value = wijmo.changeType(s.activeEditor.valuewijmo.DataType.Numbercol.format);
                        if( !wijmo.isNumber(value) || value < 0){
                            e.cancel = true;
                            e.stayInEditMode = true;
                            alert('대카테고리코드는 숫자로만 입력 가능합니다.');
                        }

                    }
                },
                itemsSource: categoryView,
            });
            categorySelector = new wijmo.grid.selector.Selector(categoryGrid, {
                itemChecked: () => {
                }
            });

삭제된 댓글

GCK루시 작성일

삭제된 댓글 입니다.

GCK루시님의 댓글

GCK루시 작성일

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

공유해주신 코드를 통해 저희 쪽에서 확인해본 결과,  아쉽게도 정상적으로 동작되며 해당 이슈가 재현되지 않아 정확한 답변을 드리기 어려운 상황입니다. 이전에 답변 드린 것과 같이 이슈를 재현 및 디버깅 할 수 있는 작은 샘플을 공유해 주신다면 재현 및 디버깅 후, 문제 해결을 도와 드릴 수 있도록 하겠습니다.

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

GCK루시님의 댓글

GCK루시 작성일

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

해당 문의는 더 이상 진행이 되지 않아 종료됩니다.
추가로 문의가 필요하신 경우 새로 문의를 작성해 주시기 바랍니다.

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

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