DataLudi Grid v.1 > Examples

Back  Forward

Clipboard  Example  준비중...

그리드 데이서셀 영역을 시스템 클립보드로 복사하거나, 클립보드로 부터 텍스트를 가져와 그리드에 붙여넣을 수 있다. 브라우저의 ctrl+c, ctrl+v 키 입력 이벤트를 활용하는 것이고, 사용자 입력을 통하지 않고 클립보드에 접근하는 기능은 제공하지 않는다. 

1. 클립보드로 복사하기

사용자가 ctrl+c 키를 눌렀을 때, 그리드의 선택된 데이터셀 영역을 시스템 클리보드로 복사하기 위해서는 먼저 그리드 editOptionscopyEnabled 속성이 true로 설정돼야 한다. 이 때, singleCopytrue이면 선택 영역 전체를 복사하지 않고 포커스셀의 값만 복사한다. 

기본값 true 기본값 false

TEXt가 아닌 필드의 값을 클립보드로 전달할 때, 변환되는 문자열의 형식을 다양한 방식으로 지정할 수 있다. 우선 각 컬럼에 copyCallback을 지정할 수 있다. 예제에서 "이율" 컬럼에 설정됐다. 

Code -1
    col.setCopyCallback(function (row, field, value) {
        return '$' + value;
    };

또는, GridBase.editOptionscopyCallback에 콜백함수를 지정할 수도 있다. 

Code -2
    grid.setEditOptions({
        copyCallback: function (row, field, value) {
            if (field.fieldName() == "amount") {
                return '$' + value;
            }
            return value;
        };
    });

컬럼에 copyCallback이 지정되면 editOptions의 copyCallback은 무시된다. copyCallback들 대신 EditOptions.copyNumberFormat, copyDatatimeFormat, copyBooleanFormat이 각 필드값을 문자열로 변환할 때 변환형식으로 사용된다. 

이 변환 형식들 지정되지 않은 경우, editOptions.useStyleFormatstrue로 지정되면 GridStyles.numberFormat, datetimeFormat, booleanFormat 설정이 사용된다. 

기본값은 true . "원금", "최초상환일" 컬럼에서 테스트한다. 

Grid - 1
rows
2. 클립보드 데이터 붙여넣기

사용자가 ctrl+v 키를 눌렀을 때, 클립보드이 값들을 가져와 그리드의 선택 영역에 붙여넣기 위해서는 먼저 그리드 editOptionspasteEnabled 속성이 true로 설정돼야 한다. 이 때, singlePastetrue이면 가져온 모든 값들을 붙여넣지 않고 포커스셀에만 복사한다. 

기본값 true 기본값 false

Grid - 2
rows

소스보기 

See Also
GridBase.editOptions
GridStyles.datetimeFormat
GridStyles.numberFormat
GridStyles.booleanFormat
DataColumn.styles
ValueColumn.copyCallback
EditOptions.copyCallback
EditOptions.copyDatetimeFormat
EditOptions.copyNumberFormat
EditOptions.copyBooleanFormat