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

그리드 레이아웃 복원시 makeButton 사라짐 문의 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS 그리드 레이아웃 복원시 makeButton 사라짐 문의

페이지 정보

작성자 라레 작성일 2021-06-27 13:27 조회 3,586회 댓글 0건
제품 버전 : 5.20211.794
컨트롤 이름 : localStorage.getItem

본문

안녕하세요.

아래 두가지 사항 문의드립니다.


1. 그리드 레이아웃을 변경하여 localStorage에 저장 > 복원하여 사용 시, 설정해놨던 makeButton 버튼이 나타나지 않아

저장 된 레이아웃 복원 후 버튼을 셋팅하는 방법을 문의드립니다.


2. 페이징 적용 시, 레이아웃을       <<   <   1 2 3 4 5  >   >>   와 비슷한 유형의 형식으로 지정 할 수 있는 옵션이 있는지 문의드립니다.


감사합니다! 



// 그리드 셋팅 

staffView = new wijmo.collections.CollectionView(result, {

      pageSize: 100

  });

   

  staffGridPager = new wijmo.input.CollectionViewNavigator('#staffGridPager', {

        byPage: true,

        headerFormat: '{currentPage:n0} / {pageCount:n0}',

        cv: staffView

    });

 

  staffGrid = new wijmo.grid.FlexGrid('#staffGrid', {

    autoGenerateColumns: false,

    alternatingRowStep: 0,

    columns: [

      { binding: 'staffName', header: '이름', isReadOnly: true, width: 100, align:"center" },

      { binding: 'memo', header: '메모', isReadOnly: true, width: '*', align:"center" },

      { binding: 'lateassDt', header: '최근접속일', isReadOnly: true, width: 100 , align:"center" },

      { binding: 'cretDt', header: '계정생성일', isReadOnly: true, width: 100 , align:"center" },

      { binding: 'edit', header: '정보수정', width: 100, align:"center",

      cellTemplate: wijmo.grid.cellmaker.CellMaker.makeButton({

              text: '<b>수정</b>',

              click: (e, ctx) => {

              showPop('modify_staff');

              }

             

      })

      }

    ],

    itemsSource: staffView

  });

 

  localStorage.setItem('staffInitLayout', staffGrid.columnLayout);

  setUserGridLayout();



// 그리드 레아이웃 저장 및 복원 

function getUserGridLayout(){

localStorage.setItem('staffLayout', staffGrid.columnLayout);

}


function setUserGridLayout(){

var layout = localStorage.getItem('staffLayout');

    if (layout) {

    staffGrid.columnLayout = layout;

    }

}


function resetUserGridLayout(){

var layout = localStorage.getItem('staffInitLayout');

    if (layout) {

    staffGrid.columnLayout = layout;

    }

    

    localStorage.setItem('staffLayout', staffGrid.columnLayout);

}

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

댓글목록

등록된 댓글이 없습니다.

2 답변

PureJS Re: 그리드 레이아웃 복원시 makeButton 사라짐 문의

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

페이지 정보

작성자 GCK루시 작성일 2021-06-29 17:13 댓글 2건

본문

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


현재 문의 주신 사항은 확인 중에 있으며 업데이트가 되는 대로 안내 드리도록 하겠습니다. 

답변이 늦어지는 점 죄송합니다.


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


감사합니다. 

그레이프시티 드림 



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

댓글목록

라레님의 댓글

라레 작성일

답변을 위해 시간써주시어 감사인사드립니다.

해당 문의에 대한 답변 기다리고있으며, 더불어 레아이웃 저장/복원 시 컬럼의 cssClass 의 설정도 복원되지 않는 것 같아 이도 함께 확인 부탁드리겠습니다.

혹 복원을 위해서 cssClass 설정이 아닌 다른 방법을 사용하여야 할 경우 가이드 부탁드리겠습니다.

좋은 하루 보내시기를 바라겠습니다! 감사합니다!

GCK루시님의 댓글의 댓글

GCK루시 작성일

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

답변을 기다려주셔서 감사합니다.  
formatItem을 이용하여 cssClass 설정을 하였을 때, 레이아웃 복원 후에도 그대로 설정이 유지되는 것을 확인하실 수 있습니다. 해당 답변이 도움이 되셨기를 바랍니다. :)

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

PureJS Re: 그리드 레이아웃 복원시 makeButton 사라짐 문의

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

페이지 정보

작성자 GCK루시 작성일 2021-07-02 11:30 댓글 0건

본문

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


먼저 답변이 늦어진 점 죄송합니다.


1. 그리드 레이아웃을 변경하여 localStorage에 저장 > 복원하여 사용 시, 설정해놨던 makeButton 버튼이 나타나지 않아 저장 된 레이아웃 복원 후 버튼을 셋팅

=> columnLayout 속성을 설정할 때, FlexGrid가 열을 처음부터 다시 생성하므로 복원 후, 셀의 버튼이 사라지는 것은 설계된 동작입니다.  다만, 동적으로 columns 메서드를 사용하여 열의 레이아웃을 복원하실 수 있습니다. 더불어 생성된 셀이 그리드로 나타날 떼 발생하는 formatItem 이벤트를 이용하여  downloads 열에 cssClass를 설정하여 배경색을 지정하였으며 복원 후에도 CSS 설정이 유지되는 것을 확인하실 수 있습니다. 아래 샘플에서 자세한 코드를 확인해보시길 바랍니다.


[formatItem]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.flexgrid.html#formatitem 


2. 페이징 적용 시, 레이아웃을       <<   <   1 2 3 4 5  >   >>   와 비슷한 유형의 형식으로 지정 할 수 있는 옵션 

=> Wijmo 페이징에서 해당 옵션이 별도로 지원하지 않으나, 자바스크립트 코드로 현재 페이지 인덱스(클릭시 현재 이벤트 타켓 아이디)와 전체 데이터(collectionView의 totalItemCount)를 계산하여 페이징을 구현할 수 있습니다. 추가적으로  collectionView의 moveToPage 메서드로 그리드를 지정된 페이지로 이동할 수 있게 합니다. 자세한 코드는 아래 샘플을 참고 부탁 드립니다.



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


감사합니다. 

그레이프시티 드림 


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


댓글목록

등록된 댓글이 없습니다.

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