안녕하세요. 웹시트 관리자 입니다.

 

이번글은 노리고 웹시트에서 제공되는 반응형에 대해서 입니다.

반응형이란 PC보는 화면을 테블릿이나 모바일등 화면 사이즈가 다른 경우에도 사이즈에 맞게 조정되어 보여지는 기능을 말합니다.

현재 노리고 웹시트의 경우에는 기능들이 다양하다보면 화면이 작은 모바일화면에서는 약간에 불편함이 있지만

기본적으로 적은 모바일 화면에서 이런 복작한 기능을 사용하지 않을 것이라 생각합니다.

하지만 적은 모바일 화면에서도 실제 기능은 모두 이용 가능하도록 구성 되어 있습니다.

캘럭시 S10화면

위 이미지는 캘럭시 S10에서 보는 화면을 캡쳐한 것입니다.

조회 항목 부분이 조금 보기 불편하겠지만 나머지 기능 사용에는 전혀 불편함이 없습니다.

테블릿 화면

어느정도 사이즈가 있는 테블릿 화면은 모두 사용하는데 지장이 없습니다.

 

물론 각 업체의 요청에 따라 조장은 가능합니다.

이점 참고 부탁드립니다.

 

감사합니다.

안녕하세요. 웹시트 관리자 입니다.

 

저희 웹시트에서는 엑셀같은 기능중에서 피벗 기능을 제공해드리고 있습니다.

지금부터 어떻게 사용되는지 확인해보시조.


 

피벗 기능을 보시려면 저희 데모 사이트(블로그 왼쪽 상단에 접속 할 수 있는 주소가 있습니다.)에 재고 조회 메뉴로 이동해보시면 확인 하실 수 있습니다.

화면이 열리면 우선 조회를 해보겠습니다.

재고정보가 아이템별 창고별 수량이 표현되고 있는데요

오른쪽부분에 확인을 해보시면 Povit mode, Group rows, Group columns, Aggregates

Povit mode : 화면에 보여지는 모든 컬럼 리스트

Group rows : 그룹 처리하여 행으로 보여줘야 할 리스트

Group columns : 그룹 처리하여 컬럼으로 보여줘야 할 리스트

Aggregates : 피벗된 부분의 데이터를 표현할 컬럼과 집계 종류를 선택 할 수 있습니다.

 

이걸 창고정보를 피벗하여 조회해보도록 하겠습니다.

오른쪽 부분을 확인해보시면

Group rows에 아이템명

Group columns에 창고명

Aggregates에 sum(수량)
이렇게 처리되었는데요. 

데이터 부분을 확인해보시면 아이템을 그룹하여 행단위로 표현하고 있습니다.

창고의 경우 전에 창고1, 창고2 데이터가 있었는데 그룹 처리하여 헤더에 표현된것을 아실수 있습니다.

수량 부분은 아이템명과 각 창고에 맞는 위치에 보여지는 걸 확인 하실수 있습니다.

오른쪽 끝부분에 sum(수량)은 추가적인 정보라고 생각하시면 됩니다.

 

이와 같이 내가 원하는 조합의 정보를 Group rows, Group columns, Aggregates 항목을 조절하면 원하는 피벗의 구성을 하실수 있을거라 생각합니다.

 

고객님의 원하는 형태로 개발도 가능하니 원하는 내역을 말씀주시면 조율하도록 하겠습니다.

 

감사합니다.

안녕하세요. 웹시트 관리자 입니다.

 

지난 글은 그리드 자체 기능에 대하여 설명을 드렸는데요.

이번 글은 그리드와 연계되어 작동하는 버튼들에 대하여 설명 드리겠습니다.

 


그리드에 같이 사용되는 버튼들

위 이미지 중 붉은색 박스 부분을 보시면 버튼들이 보이는 데요.

각종 버튼들과 각 업체별 필요로 하는 버튼을이 추가될 화면 들입니다.

이번글은 기본적으로 제공되는 버튼들만 설명드릴 것입니다.


웹시트에서 기존 제공하는 버튼

왼쪽부터 차례대로 간단하게 설명드리겠습니다.

1. 조회 : 조회버튼은 클린시 데이터를 조회가 되고 그리드에 표현됩니다.

               조회 버튼 왼쪽 부분에 조회 조건이 표현되는데 조건은 사용하여 필요한 정보를 조회 하 실 수 있습니다.

2. 추가(+) : 추가 버튼은 클릭 시 그리드에 행이 하나 추가되면서 필요한 정보를 추가로 등록 하실수 있습니다.

                   이때 중요한건은 추가버튼을 클릭해서 데이터를 입력했다면 반듯이 저장 버튼을 클릭 하여 저장을 

                   하셔야 합니다.

3. 삭제(-) : 삭제 버튼은 클릭 시 그리드에 선택된 데이터가 삭제 대상으로 표시하게 되고 저장 시 해당 데이터가 삭제

                  됩니다.

                   이때 중요한 것은 삭제 대상 데이터의 왼쪽 부분에 체크 박스를 클릭하고 삭제 버튼을 클릭하셔야 삭제

                   대상이 됩니다.

4. 저장 : 삭제 버튼은 클릭 시 수정한 정보, 추가, 삭제 대상을 모두 한번에 저장합니다.

              그리드 왼쪽에 수정, 추가, 삭제 대상을 아이콘으로 표현이 됩니다. 

5. 엑셀 다운로드 : 다운로드 버튼 클릭 시 그리드에 조회된 데이터가 엑셀파일 형태로 다운로드 됩니다.

6. 엑셀 업로드 : 업로드 버튼 클릭 시 그리드에 대상 데이터가 표현되고 저장 버튼 클릭 시 저장이 됩니다.

7. 개인화 : 개인화 버튼 클릭 시 그리드 상태를 설정하고 저장 할 수 있는 팝업이 뜹니다.


개인화 팝업


개인화 란?

  - 개인화는 그리드의 헤더의 순서, 가로 사이즈, 숨김여부 틀고정 여부의 정보를 각 유저별로 설정하여 저장하고 저장 후에는 개인화 적용한 화면은 다시 들어갔을때 내가 설정한 형태를 그대로 유지하여 보여주는 걸 말합니다.

위 개인화 팝업의 경우 넓이, 숨김 여부, 틀고정여부, 순서를 설정하고 저장 할 수 있습니다.

개인화 관련 버튼들

1. 초기화 : 초기화 버튼 클릭 시 개발자가 최초 세팅항 방식으로 되돌아 갑니다. 초기화 시 기존 개인화 정보는 삭제 됩니다.

2. 적용 : 적용 버튼 클릭 시 설정한 개인화를 현재 화면의 그리드에 적용합니다. 저장은 되지안기 때문에 1회성으로 처리 됩니다.

3. 저장 : 저장 버튼 클릭 시 설정한 개인화가 저장됩니다. 이후 해당 메뉴를 재방문 하여도 설정이 그대로 유지 됩니다.

4. 닫기 : 닫기 버튼 클릭 시 아무런 작업 없이 팝업이 닫힙니다.


지금까지 말씀 드린 기능들은 웹시트에서 기본적으로 제공되어지는 기능들로 업체별 특별한 기능은 얼마든지 추가 가능합니다.

단 중요한 것은 그리드 시스템의 틀을 변경하여 기존에 게시판 같은 형태로 만든다면 그리드에서 제공되어지는 모든 기능은 작동되지 않음을 알아주셨으면 합니다.

 

감사합니다.

 

안녕하세요. 웹시트 관리자 입니다.

웹시트는 기본적으로 엑셀과 비슷한 화면을 제공하고 있습니다.

저희는 이걸 Data Grid라고 부고 있습니다. 개발쪽 분양에서는 대부분 그렇게 부르고 있지요.

이 Data Grid와 Data Grid에 추가된 기능들에 대해서 이야기 드리겠습니다.


Data Grid

간단하게 Data Grid를 그리드라고 부르도록 하겠습니다.

기본적인 그리드는 위 이미지의 붉은 테두리 부분을 말합니다.

이곳에서 방향키나 입력, 수정등 엑셀과 비슷한 느낀으로 자유자제로 처리 가능합니다.

아쉽게도 엑셀과 비슷하다고 하여 수식, 서식 같은 기능은 포함되어 있지 않습니다.

하지만 그리드만에 다양한 기능들이 제공 됩니다.


1. 정렬 기능

정렬 기능

해더의 이름 부분을 클릭하면 위 이미지와 같은 화살표가 표시되면서 조회한 데이터를 정렬 할수 있습니다.

 

2. 컬럼 이동

컬럼 이동

이동 하려는 컬럼을 클릭하여 끌어와 원하는 위치로 이동하면 헤더 위아래에 화살표가 표가 표시됩니다.

해당 화살표가 이동 될 위치를 표시해주시니 원하는 위치가 된다고 하면 마우스 클릭을 풀면 해당 위치로 컬럼이 이동 되는걸 아실수 있습니다.

 

3. 컬럼 숨기기 / 숨기기 취소, 개인화 저장, 개인화삭제

헤더 우클릭 시 팝업

헤더를 우클릭하면 4가지 기능을 제공합니다.

- 컬럼 숨기기 : 선택 한 컬럼을 숨기는 역할을 합니다.

- 컬럼 숨기기 취소 : 숨긴 컬럼 모두를 다시 보이게 합니다.

- 개인화 저장 : 컬럼을 숨기거나 보이게, 컬럼 사이즈 조정, 컬럼 정렬등을 저장하고 이후에 해당 메뉴로 돌아 왔을때 그대로 유지되도록 저장 합니다.

- 개인화 삭제 : 저장해 놓은 값을 삭제하고 처음 시스템이 제공하던 형태로 변경합니다.


4. 그리드 최대화

그리드 최대화

붉은색 부분의 버튼을 클리하면 해당 그리드가 최대화가 되어 큰 화면에서 작업 하실수 있습니다.

그리드 최대화 화면


그리드에서 제공하는 기본 기능들이 다양합니다.

추후에도 고객의 니즈를 받아 계속적으로 업데이트 할 예정입니다.

 

감사합니다.

 

+ Recent posts