createGridView

정보

이 기능은 PRO 에디션에서만 사용할 수 있습니다.

Description

스케줄러 내에서 Grid 뷰를 설정합니다.

createGridView: (config: any) => void

Parameters

• config - (required) object - Grid 뷰 구성을 위한 설정 객체

Example

scheduler.createGridView({
    name:"grid",
    fields:[
        {id:"id",       label:'Book Title',    width:'*',    align:'right',     sort:'str'},
        {id:"date",     label:'Author',     width:100},
        {id:"text",     label:'Votes',         width:200,    align:'left',    sort:'int'}
    ],
    from:new  Date(2000, 00, 01),
    to:new Date(2013, 00, 01)
});

Applicable views: Grid view

Related samples

• Grid view

Details

노트

이 메서드를 사용하려면 grid_view 플러그인이 활성화되어 있어야 합니다.

Grid 뷰 구성 객체는 다음 속성을 지원합니다:

name	(string) 뷰의 식별자
fields	(객체 배열) grid의 컬럼을 정의합니다. 배열 내 각 객체는 하나의 컬럼을 나타내며 다음 속성을 포함할 수 있습니다: id - (string) 컬럼의 id로, 해당 데이터 속성 이름과 일치해야 합니다. label - (string) 컬럼 헤더 텍스트 width - (string) 컬럼의 너비. ''를 사용하면 남은 공간을 채우도록 확장됩니다. 여러 컬럼이 ''를 사용하면 남은 너비를 균등하게 나눕니다. align - (right, center 또는 left) 텍스트의 수평 정렬 valign - (top, middle 또는 bottom) 텍스트의 수직 정렬 template - (function) 셀 데이터에 대한 커스텀 템플릿 함수 sort - ('int','date','str' 또는 커스텀 함수) 컬럼 정렬 활성화(헤더 클릭 시)로, 미리 정의된 타입 또는 사용자 정의 정렬 함수를 사용할 수 있습니다. css - (string) 컬럼에 적용할 CSS 클래스 이름
select	(boolean) grid 내 선택 기능 활성화 여부 (기본값: 활성화)
rowHeight	(number) 각 행의 높이를 지정합니다.
paging	(boolean) grid 내 네비게이션 버튼 표시 여부를 토글합니다. (자세한 정보)
unit	(minute, hour, day, week, month, year) 스크롤 단위를 정의합니다. 기본값은 'month'입니다.
step	(number) 한 번에 스크롤할 단위 수를 지정합니다. 기본값은 1입니다.
from	(Date) 스케줄러 날짜 범위의 시작 날짜 제한을 설정합니다.
to	(Date) 스케줄러 날짜 범위의 종료 날짜 제한을 설정합니다.

Related Guides

• "Grid View"