RealGrid2 API
Interface
BTDateCellEditor

BTDateCellEditor

BootStrap DatePicker 를 이용한 편집기

Signature:

export interface BTDateCellEditor extends TextCellEditor 

Extends: TextCellEditor

Remarks

번들 이후 다음과 같이 파일을 적용해야 정상적으로 작동한다.

TextCellEditor 를 상속 한다.

[상위 클래스]

CellEditor - TextCellEditor

Example

// string type
column.editor = "btdate"
 
// object type
column.editor = { type: "btdate", maxLength: 6, textReadOnly: true }
<script type="text/javascript" src="/lib/bootstrap/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="/lib/bootstrap/bootstrap-datepicker.ko.min.js"></script>
<link rel="stylesheet" type="text/css" href="/lib/css/bootstrap-datepicker.css">

Properties

PropertyTypeDescription
btOptionsanyBootStrap DatePicker의 옵션
commitOnSelectboolean선택 시 commit 여부
dropDownPositionDropDownPosition달력 선택 상자의 위치
dropDownWhenClickboolean셀을 클릭했을 때 목록을 펼칠지의 여부
editFormatstring(ALPHA) 편집 포멧
maxDatestring | Date입력 가능한 최대 날짜
minDatestring | Date입력 가능한 최소 날짜
textReadOnlyboolean키보드를 이용한 입력 금지 여부
type'btdate'셀 에디터 종류: 부트스트랩 날짜 편집기
viewGridInsideboolean그리드 DOM 내부에 포함시킬 것인지의 여부

Properties Desc

btOptions

BootStrap DatePicker의 옵션

Type - any

Remarks:

참조 (opens in a new tab)


commitOnSelect

선택 시 commit 여부

Type - boolean


dropDownPosition

달력 선택 상자의 위치

Type - DropDownPosition


dropDownWhenClick

셀을 클릭했을 때 목록을 펼칠지의 여부

Type - boolean


editFormat

편집 포멧

Type - string


maxDate

입력 가능한 최대 날짜

Type - string | Date

Remarks:

키보드로 maxDate 보다 이후 날짜가 입력되면, maxDate 로 변경된다.


minDate

입력 가능한 최소 날짜

Type - string | Date

Remarks:

키보드로 minDate 보다 이전 날짜가 입력되면, minDate 로 변경된다.


textReadOnly

키보드를 이용한 입력 금지 여부

Type - boolean


type

셀 에디터 종류: 부트스트랩 날짜 편집기

Type - 'btdate'


viewGridInside

그리드 DOM 내부에 포함시킬 것인지의 여부

Type - boolean