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

그리드헤더 동적생성 및 숨김 > Q&A | 토론

본문 바로가기

기타 그리드헤더 동적생성 및 숨김

페이지 정보

작성자 매력맘 작성일 2023-09-06 15:39 조회 522회 댓글 1건
제품 버전 : 5.2
컨트롤 이름 : javascipt

본문

안녕하세요

검색조건 멀티항목셀렉트박스에서

 체크한 항목만큼 

그리드의 헤더를 생성하고

체크해지시 

그리드헤더를  안보이게 하는 하고 싶습니다


그리드 기존항목은 고정

동적항목은 

grid.columns.push를 이용 동적헤데리스트

동적생성까지는 했는데

검색조건서 해지시 , 해당되는 칼럼 보이지않게 하려니,

col.visible에 invalidate에러가 계속 발생합니다


또 한가지,

필터도 기존 리스트에 동적헤더를 넣을 수 있는지도 궁금합니다






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

댓글목록

매력맘님의 댓글

매력맘 작성일

도움을 주셔서 감사합니다.
한가지 더 저장시,  동적헤더셀의 값을 갖고 오고 싶습니다.보통,row를 for문 돌면서  row.id 이렇게 갖고오는데,

헤더아이디가 위의 배열형태 값으로 올 때
어떻게 조합해야할까요? getData(row,id)이런식은 없을까요?

1 답변

기타 Re: 그리드헤더 동적생성 및 숨김

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

페이지 정보

작성자 GCK루시 작성일 2023-09-08 10:13 댓글 0건

본문

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


해당 에러의 경우, 행이 생성되지 않은 상태에서 행의 visible 속성을 접근하여 해당 이슈가 발생된 것으로 추측합니다.


아래 코드와 같이 행이 생성되어 있는지 먼저 체크 후, visible을 설정해주시기 바랍니다.


더불어 '필터도 동적헤더에 추가할 수 있는지' 문의주셨는데, FlexGridFilter를 동적으로 생성된 열에서도 표시할 수 있는지 문의주신 것이 맞으실까요? 만약 맞으시다면 해당 기능은 가능하오니 참고 부탁드립니다.


  // 기본 그리드
  var theGrid = new wijmo.grid.FlexGrid('#theGrid', {
    itemsSource: data,
  });
  var colArr = ['Sales','isCheck','Profit'] // 추가할 행

  var filter = new wijmo.grid.filter.FlexGridFilter(theGrid);
  let theMultiSelect = new wijmo.input.MultiSelect('#theMultiSelect', {
    itemsSource: colArr,
    checkedItemsChanged:function(flex,e){

      flex.itemsSource.forEach(item=>{
        var col = theGrid.getColumn(item); // 행 가져오기
        if(flex.checkedItems.indexOf(item) >=0){ // 항목 체크될 때
          if(!col){ // 행이 없다면 생성
            theGrid.columns.push(new wijmo.grid.Column({binding:item})) 새 행 추가
          } else { // 행이 이미 생성된 것이라면 visible만 설정
            col.visible = true
          }
        } else { // 항목 체크해제될 때
          if(col){ // 행이 있다면
            col.visible = false;
          }
        }
      })
    }
  });


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


감사합니다.

그레이프시티 드림


댓글목록

등록된 댓글이 없습니다.

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