[]
DEMOS DOC DESIGNER API
DOWNLOAD
(Showing Draft Content)

더블 클릭 자동 채우기

SpreadJS는 사용자가 워크시트의 열에 있는 데이터를(수식 및 값 포함) 자동으로 채울 수 있도록 더블 클릭 자동 채우기 기능을 제공합니다. 사용자는 선택한 셀의 채우기 핸들을 더블 클릭하여 셀의 내용을 열 전체에 채울 수 있습니다. 채우기 핸들을 통해 다음 네 가지 방식으로 데이터를 채울 수 있습니다: 셀 복사, 채우기 시리즈, 서식만 채우기, 서식 제외 채우기.

비즈니스 애플리케이션을 사용하는 동안 사용자는 수백에서 수천 개의 행이 있는 워크시트에서 수식이 포함된 데이터를 자주 다루게 됩니다. 이때 자동 채우기 기능을 더블 클릭으로 실행하면, 마우스로 직접 드래그하지 않고도 빠르고 간편하게 열에 수식을 자동 채울 수 있어, 사용자 시간을 절약하고 오류 가능성을 줄일 수 있습니다.

더블 클릭 자동 채우기 작업

채우기 핸들을 더블 클릭하면, 열 아래의 빈 셀들(이 범위를 fillRange라 함)이 startRange(이미 데이터가 들어 있는 셀 범위)의 내용에 따라 자동으로 채워집니다.

아래는 더블 클릭을 통해 실행할 수 있는 다양한 자동 채우기 동작들입니다:

  • 숫자 자동 채우기 - startRange에 숫자 값이 있는 경우, 채우기 핸들은 아래 열에 숫자 목록을 자동으로 완성합니다. 숫자 시리즈는 선택된 채우기 옵션에 따라 패턴에 기반하여 채워집니다.


  • 날짜 자동 채우기 - startRange에 날짜 값이 있는 경우, 채우기 핸들은 아래 열에 날짜 목록을 자동으로 완성합니다. 기본적으로 더블 클릭 시 “셀 복사(Copy Cells)” 동작이 실행되며, 연속된 날짜를 채우려면 드래그 채우기 스마트 태그에서 “채우기 시리즈(Fill Series)” 옵션을 선택해야 합니다.


  • 수식 자동 채우기 - startRange에 수식이 있는 경우, 채우기 핸들은 아래 열에 수식을 복사합니다.


참고 :  더블 클릭 자동 채우기 작업 씨, 아래 사항을 기억해주시기 바랍니다.

  1. 이 자동 채우기는 채우기 핸들 옆 열에 비어 있지 않은 셀이 있을 때만 작동합니다.

  2. 채우기 핸들을 더블 클릭하여 데이터를 열에 채우면, 현재 영역에서 마지막 비어있지 않은 셀까지 확장됩니다.

  3. 인접한 열에 빈 셀이 일부 존재하는 경우에도, 더블 클릭 시 자동 채우기는 인접 열의 마지막 비어있지 않은 셀까지만 적용됩니다.

코드 예시

아래 코드는 더블 클릭을 사용해 값과 수식을 자동 채우는 방법을 보여줍니다.

// 숫자 값과 수식 자동 채우기
var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 4 });
var sheet = spread.getActiveSheet();
// 기본 워크시트에 값 설정 
sheet.setValue(0, 0, 'Name'); sheet.setValue(1, 0, 'Jack');
sheet.setValue(2, 0, 'Lily'); sheet.setValue(3, 0, 'Linda');
sheet.setValue(4, 0, 'John'); sheet.setValue(5, 0, 'Bob');
sheet.setValue(6, 0, 'Ming'); sheet.setValue(7, 0, 'Gorge');
sheet.setValue(8, 0, 'Kobe'); sheet.setValue(9, 0, 'James');
sheet.setValue(10, 0, 'Faker'); sheet.setValue(11, 0, 'Tai');
sheet.setValue(12, 0, 'Peter'); sheet.setValue(0, 1, 'Index');
sheet.setValue(1, 1, 1); sheet.setValue(2, 1, 2);
var sheet1 = spread.getSheet(1);
// "sheet1" 워크시트에 값 설정 
sheet1.setValue(0, 0, 'Product'); sheet1.setValue(1, 0, 'P1');
sheet1.setValue(2, 0, 'P2'); sheet1.setValue(3, 0, 'P3');
sheet1.setValue(4, 0, 'P4'); sheet1.setValue(5, 0, 'P5');
sheet1.setValue(6, 0, 'P6'); sheet1.setValue(7, 0, 'P7');
sheet1.setValue(8, 0, 'P8'); sheet1.setValue(9, 0, 'P9');
sheet1.setValue(10, 0, 'P10'); sheet1.setValue(11, 0, 'P11');
sheet1.setValue(12, 0, 'P12');
sheet1.setValue(0, 1, 'Price');
sheet1.setValue(1, 1, 1.1); sheet1.setValue(2, 1, 1.5);
sheet1.setValue(3, 1, 1.6); sheet1.setValue(4, 1, 1.2);
sheet1.setValue(5, 1, 1.5); sheet1.setValue(6, 1, 0.8);
sheet1.setValue(7, 1, 0.8); sheet1.setValue(8, 1, 1.0);
sheet1.setValue(9, 1, 2.2); sheet1.setValue(10, 1, 2.0);
sheet1.setValue(11, 1, 0.7); sheet1.setValue(12, 1, 1.5);
sheet1.setValue(0, 2, 'Units'); sheet1.setValue(1, 2, 11);
sheet1.setValue(2, 2, 13); sheet1.setValue(3, 2, 10);
sheet1.setValue(4, 2, 9); sheet1.setValue(5, 2, 8);
sheet1.setValue(6, 2, 5); sheet1.setValue(7, 2, 10);
sheet1.setValue(8, 2, 16); sheet1.setValue(9, 2, 9);
sheet1.setValue(10, 2, 7); sheet1.setValue(11, 2, 10);
sheet1.setValue(12, 2, 14); sheet1.setValue(0, 3, 'Comment');
sheet1.setValue(0, 4, 'Revenue');
sheet1.setFormula(1, 4, '=B2*C2');
var sheet2 = spread.getSheet(2);
// "sheet2" 워크시트에 값 설정 
sheet2.setValue(0, 0, 'Product'); sheet2.setValue(1, 0, 'P1');
sheet2.setValue(2, 0, 'P2'); sheet2.setValue(3, 0, 'P3');
sheet2.setValue(4, 0, 'P4'); sheet2.setValue(5, 0, 'P5');
sheet2.setValue(6, 0, 'P6'); sheet2.setValue(7, 0, 'P7');
sheet2.setValue(8, 0, 'P8'); sheet2.setValue(9, 0, 'P9');
sheet2.setValue(10, 0, 'P10'); sheet2.setValue(11, 0, 'P11');
sheet2.setValue(12, 0, 'P12'); sheet2.setValue(0, 1, 'Price');
sheet2.setValue(1, 1, 1.1); sheet2.setValue(2, 1, 1.5);
sheet2.setValue(3, 1, 1.6); sheet2.setValue(4, 1, 1.2);
sheet2.setValue(5, 1, 1.5); sheet2.setValue(6, 1, 0.8);
sheet2.setValue(7, 1, 0.8); sheet2.setValue(8, 1, 1.0);
sheet2.setValue(9, 1, 2.2); sheet2.setValue(10, 1, 2.0);
sheet2.setValue(11, 1, 0.7); sheet2.setValue(12, 1, 1.5);
sheet2.setValue(0, 2, 'Units'); sheet2.setValue(1, 2, 11);
sheet2.setValue(2, 2, 13); sheet2.setValue(3, 2, 10);
sheet2.setValue(4, 2, 9); sheet2.setValue(5, 2, 8);
sheet2.setValue(6, 2, 5); sheet2.setValue(7, 2, 10);
sheet2.setValue(8, 2, 16); sheet2.setValue(9, 2, 9);
sheet2.setValue(10, 2, 7); sheet2.setValue(11, 2, 10);
sheet2.setValue(12, 2, 14); sheet2.setValue(0, 3, 'Comment');
sheet2.setValue(0, 4, 'Revenue'); sheet2.setValue(7, 4, 'STOP');
sheet2.setFormula(1, 4, '=B2*C2');
var sheet3 = spread.getSheet(3);
// "sheet3" 워크시트에 값 설정 
sheet3.setValue(0, 4, 'Product'); sheet3.setValue(1, 4, 'P1');
sheet3.setValue(2, 4, 'P2'); sheet3.setValue(3, 4, 'P3');
sheet3.setValue(4, 4, 'P4'); sheet3.setValue(5, 4, 'P5');
sheet3.setValue(6, 4, 'P6'); sheet3.setValue(7, 4, 'P7');
sheet3.setValue(8, 4, 'P8'); sheet3.setValue(9, 4, 'P9');
sheet3.setValue(10, 4, 'P10'); sheet3.setValue(11, 4, 'P11');
sheet3.setValue(12, 4, 'P12'); sheet3.setValue(0, 3, 'Price');
sheet3.setValue(1, 3, 1.1); sheet3.setValue(2, 3, 1.5);
sheet3.setValue(3, 3, 1.6); sheet3.setValue(4, 3, 1.2);
sheet3.setValue(5, 3, 1.5); sheet3.setValue(6, 3, 0.8);
sheet3.setValue(7, 3, 0.8); sheet3.setValue(8, 3, 1.0);
sheet3.setValue(9, 3, 2.2); sheet3.setValue(10, 3, 2.0);
sheet3.setValue(11, 3, 0.7); sheet3.setValue(12, 3, 1.5);
sheet3.setValue(0, 2, 'Units'); sheet3.setValue(1, 2, 11);
sheet3.setValue(2, 2, 13); sheet3.setValue(3, 2, 10);
sheet3.setValue(4, 2, 9); sheet3.setValue(5, 2, 8);
sheet3.setValue(6, 2, 5); sheet3.setValue(7, 2, 10);
sheet3.setValue(8, 2, 16); sheet3.setValue(9, 2, 9);
sheet3.setValue(10, 2, 7); sheet3.setValue(11, 2, 10);
sheet3.setValue(12, 2, 14); sheet3.setValue(0, 1, 'Comment');
sheet3.setValue(0, 0, 'Revenue');
sheet3.setFormula(1, 0, '=C2*D2');