Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Key

Type

Description
onClickFuncFunction

버튼을 클릭했을 때 수행할 동작입니다.

Code Block
themeEmacs
{
	onClickFunc: function (event) {
		// 수행할 동작
	}
}




드롭다운 버튼 정의하기

Status
colourYellow
title릴리즈 2.7.0 이상

Key

Type

Description
onClickFuncFunction

드롭다운을 클릭했을 때 수행할 동작입니다. 드롭다운이 스플릿 버튼인 경우(isSingle: false) 첫번째 버튼을 클릭했을 때 동작합니다.

Code Block
themeEmacs
{
	onClickFunc: function (event) {
		// 수행할 동작
	}
}


isSingle: trueisSingle: false


isSingleBoolean

드롭다운을 싱글버튼으로 할 것인지 스플릿 버튼으로 할 것인지 여부를 설정합니다. (기본값: true)

Code Block
themeEmacs
{
	isSingle: true
}


isSingle: trueisSingle: false


useIconBoolean

드롭다운을 아이콘 버튼으로 할 것인지 텍스트 버튼으로 할 것인지 여부입니다. (기본값: false)

Code Block
themeEmacs
{
	useIcon: false
}


useIcon: trueuseIcon: false


dropdownItemsObject[]

드롭다운의 아이템 목록을 설정합니다.

Code Block
themeEmacs
{
	dropdownItems: [
		{ label: '아이템1' },
		{ label: '아이템2' },
		{ label: '아이템3' }
	]
}


드롭다운 아이템 (dropdownItems)

KeyTypeDescription
labelString

드롭다운 아이템 레이블입니다.

Code Block
themeEmacs
{
	dropdownItems: [
		{
			label: '아이템'
		}
	]
}

Image Modified

onClickFuncFunction

드롭다운 아이템을 클릭했을 때 수행할 동작입니다.

Code Block
themeEmacs
{
	dropdownItems: [
		{
			label: '아이템',
			onClickFunc: function () {
				// 수행할 동작
			}
		}
	]
}

Image Modified

cssTextString

드롭다운 아이템을 표현할 CSS 텍스트입니다.

Code Block
themeEmacs
{
	dropdownItems: [
		{
			label: '아이템1',
			cssText: 'font-size: 20px; color: orange;'
		},
		{
			label: '아이템2',
			cssText: 'font-size: 15px; color: red;'
		}
	]
}

Image Modified