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

Property	Type	Description
btOptions	any	BootStrap DatePicker의 옵션
commitOnSelect	boolean	선택 시 commit 여부
dropDownPosition	DropDownPosition	달력 선택 상자의 위치
dropDownWhenClick	boolean	셀을 클릭했을 때 목록을 펼칠지의 여부
editFormat	string	*(ALPHA)* 편집 포멧
maxDate	string \| Date	입력 가능한 최대 날짜
minDate	string \| Date	입력 가능한 최소 날짜
textReadOnly	boolean	키보드를 이용한 입력 금지 여부
type	'btdate'	셀 에디터 종류: 부트스트랩 날짜 편집기
viewGridInside	boolean	그리드 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

BarCellRenderer ButtonCellRenderer