웹시트(WebSheet)

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

이번 글에 이야기드릴 기능은 개인화 입니다.

개인화 란?

개인화 기능은 생각보다 모르고 있으신 분들이 많이 있으신거 같습니다.

저희 웹시트의 경우 엑셀과 형태가 비슷한 형태를 띄고 있습니다.

위 이미지의 붉은색 테두리 부분을 헤더라고 표현하고 있는데요.

이 헤더의 항목을 접속한 사용자마다 다르게 보고 싶은 경우들이 있습니다.

접속한 사용자마다 특정 헤더 항목을 숨긴다거나 좀 더 길게 표현한다거나 조정을 한 후에 현재 상태를 저장해놓고 이후 해당 메뉴로 돌아오게되면 설정 후 저장 형태로 표현되는 걸 저희는 개인화라고 표현하고 있습니다.

헤더 이동 및 숨김

특정 헤더 항목을 클릭 한 상태에서 이동해보겠습니다.(마우스 드레그)

저는  '언어팩 값' 항목을 선택 후 이동해보겠습니다.

등록일 뒷쪽으로 마우스를 이동하면 위 이미지처럼 등록일 항목 뒷부분에 화살표 표시가 나면서 해당 위치에 이동될 것처럼 미리 표시가 됩니다.

마우스 클릭을 놓면 해당 위치로 컬럼이 이동되는 걸 확인 하실 수 있습니다.

'등록자' 항목을 숨기기 위해서는 '등록자' 항목에 마우스 우클릭을 하면 위 이미지처럼 팝업이 열립니다.

팝업 메뉴중에 '컬럼 숨기기' 컬럼을 선택합니다.

해당 항목이 사라지는 걸 확인 하실수 있습니다.

해당 항목은 보이지 않도록 숨김 처리 한것 이므로 너무 걱정 하지 않으셔도 됩니다.

숨겨진 헤더를 다시 보이게 하기 위해서는 헤더 항목중 아무곳에서 마우스 우클릭을 하면 팝업이 열립니다.

팝업에서 컬럼 숨기기 취소 버튼을 클릭하면 숨김 헤더를 다시보이게 설정 할 수 있습니다.

위 이미지처럼 숨겨진 헤더가 다시 보여지는 걸 확인 하실수 있습니다.

헤더 크기 조정

마우스 포인터를 위 이미지의 붉은색 테두리 위치로 이동하면 마우스 포인터의 모양이 바뀌는걸 확인 할 수 있는데요.

마우스 좌클릭 후 이동(드래그) 마우스 좌클릭을 놓게 되면 해당하는 위치까지 '등록자' 컬럼이 커지는걸 확인 할 수 있습니다.

개인화 저장

헤더를 이동하거나 숨김 또는 헤더 사이즈를 조정 한 후에 이 설정을 이후에도 계속 동일하게 유지하기 위해서는 개인화 저장을 하셔야 합니다

헤더 아무 항목에서 마우스 우클릭을 하면 위 이미지처럼 팝업이 열리는데요.

팝업에서 개인화 저장을 하게되면 이후에 해당 메뉴로 이동하면 마지막에 설정한 형태를 계속 유지하게 됩니다.

개인화 삭제 기능도 있는데요. 이건 최초 개발되었을때 형태로 돌아가는 것입니다.

이후 다시 원하는 형태로 설정 후 개인화 저장으로 다시 설정 할 수 있습니다.

개인화 팝업

각 헤더에 우클릭을 하지 않고도 설정 할 수 있는 방법 있습니다.

각 화면에 오른족 상다에 사람 모양의 아이콘이 존재 합니다.

해당 버튼을 클릭해보겠습니다.

위 이미지처럼 팝업이 하나 열리는데요.

이곳에서 컬럼의 넓이 숨김 여부 틀고정, 순서들을 설정 한번에 설정 할 수 있습니다

이후 아래 저장 버튼을 클릭하면 저장이 됩니다.

초기화는 개발당시 최초 형태로 돌리는 것입니다.

적용 버튼은 단순히 저장과는 관계없이 설정 형태로 보여지도록 설정만 해줍니다.

헤더 항목이 별로 없다면 크게 사용 할 일이 없지만 헤더가 많다거나 사용자별로 보여줘야 하는 형태가 다른 경우에 많이 사용되어 지는 기능입니다.

저희 노리고 웹시트에서는 각 화면에 기본적으로 제공되어 지는 기능으로 필요시 모든 화면에 적용 가능합니다.

이상 개인화 설명을 마치도록 하겠습니다.

감사합니다.

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

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

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

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

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

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

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

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

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

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

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

                   하셔야 합니다.

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

                  됩니다.

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

                   대상이 됩니다.

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

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

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

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

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

개인화 란?

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

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

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

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

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

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

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

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

감사합니다.