EzCarouselSlider

Members

autorotate :Boolean

Description:

• 자동회전여부

Type:

• Boolean

Example

var autorotate = this.slider.autorotate;
this.silder.autorotate = false;

autorotateButtonHeight :number

Description:

• stop/resume button 넓이

Type:

• number

Example

var height = this.slider.autorotateButtonHeight;
this.silder.autorotateButtonHeight = 30;

autorotateButtonPadding :string

Description:

• stop/resume button 영역 패딩

Type:

• string

Example

var padding = this.silder.autorotateButtonPadding;
this.silder.autorotateButtonPadding = "10px 20px";

autorotateButtonSpacing :number

Description:

• stop/resume button 간격

Type:

• number

Example

var height = this.slider.autorotateButtonSpacing;
this.silder.autorotateButtonSpacing = 30;

autorotateButtonWidth :number

Description:

• stop/resume button 넓이

Type:

• number

Example

var width = this.slider.autorotateButtonWidth;
this.silder.autorotateButtonWidth = 30;

autorotateSpeed :number

Description:

• 한번 자동이동에 걸리는 시간(ms)

Type:

• number

Example

var speed = this.slider.autorotateSpeed;
this.silder.autorotateSpeed = 1000;

autorotateTerm :number

Description:

• 자동이동간 시간간격(ms)

Type:

• number

Example

var term = this.slider.autorotateTerm;
this.silder.autorotateTerm = 2000;

binddataset :string

Description:

• 페이지에 전달할 정보가 있는 Dataset 명칭
  실제 Dataset을 가져오려면 EzCarouselSlider.getBindDataset을 사용하세요.

Type:

• string

Example

var dsNm = this.silder.binddataset;
this.silder.binddataset = "ds_test";

buttonWidth :number

Description:

• pre/next button 넓이

Type:

• number

Example

var width = this.slider.buttonWidth;
this.silder.buttonWidth = 50;

displayCount :number

Description:

• 한페이지에 표시할 최대 수

Type:

• number

Example

var cnt = this.slider.displayCount;
this.silder.displayCount = 5;

formWidth :number

Description:

• 내부폼 넓이

Type:

• number

Example

var width = this.slider.formWidth;
this.silder.formWidth = 200;

index :number

Description:

• 현재 선택된 항목의 index

Type:

• number

Example

var idx = this.slider.index;
this.silder.index = 1;

justifyContent :"left"|"center"|"space-evenly"|"space-between"

Description:

• 배치 방법

  • left : 좌측
  • center : 중앙
  • space-evenly : 균등하게 공백을 넣어 좌우배치
  • space-between : 요소 사이에만 공백을 넣어 좌우배치

Type:

• "left" | "center" | "space-evenly" | "space-between"

Example

var type = this.slider.justifyContent;
	this.silder.justifyContent = "space-evenly";
</pre>

nextButtonCssclass :string

Description:

• next button cssclass

Type:

• string

Example

var cssclass = this.slider.nextButtonCssclass;
this.silder.nextButtonCssclass = "btn-next";

page :number

Description:

• 현재 선택된 page;

Type:

• number

Example

var page = this.slider.page;
this.silder.page = 1;

pagingButtonCssClass :string

Description:

• 페이징버튼 cssclass

Type:

• string

Example

var cssclass = this.slider.pagingButtonCssClass;
this.silder.pagingButtonCssClass = "test";

pagingButtonHeight :number

Description:

• 페이징버튼 높이

Type:

• number

Example

var height = this.slider.pagingButtonHeight;
this.silder.set_pagingButtonHeight = 20;

pagingButtonSpacing :number

Description:

• 페이징버튼 간격

Type:

• number

Example

var spacing = this.slider.pagingButtonSpacing;
this.silder.set_pagingButtonSpacing = 10;

pagingButtonWidth :number

Description:

• 페이징버튼 넓이

Type:

• number

Example

var width = this.slider.pagingButtonWidth;
this.silder.pagingButtonWidth = 20;

pagingCurrentButtonCssClass :string

Description:

• 페이징버튼(현재 페이지) cssclass

Type:

• string

Example

var cssclass = this.slider.pagingCurrentButtonCssClass;
this.silder.pagingCurrentButtonCssClass = "test-select";

pagingDivHeight :number

Description:

• 페이징버튼 wrapper 높이

Type:

• number

Example

var heigth = this.slider.pagingDivHeight;
this.silder.pagingDivHeight = 20;

preButtonCssclass :string

Description:

• pre button cssclass

Type:

• string

Example

var cssclass = this.slider.preButtonCssclass;
this.silder.preButtonCssclass = "btn-pre";

repeatType :"none"|"item"|"page"

Description:

• 반복유형

Type:

• "none" | "item" | "page"

Example

var type = this.slider.repeatType;
this.silder.repeatType = "item";

resumeButtonCssclass :string

Description:

• resume button cssclass

Type:

• string

Example

var cssclass = this.slider.resumeButtonCssclass;
this.silder.resumeButtonCssclass = "btn-next";

showPagingButton :boolean

Description:

• 페이징버튼 표시 여부

Type:

• boolean

Example

var isShowing = this.silder.showPagingButton;
this.silder.showPagingButton = true;

stopButtonCssclass :string

Description:

• stop button cssclass

Type:

• string

Example

var cssclass = this.slider.stopButtonCssclass;
this.silder.stopButtonCssclass = "btn-next";

url :string

Description:

• 내부폼 url

Type:

• string

Example

var url = this.slider.url;
this.silder.url = "COMP::test.xfdl"; 

(static) BUTTON_TYPE :number

Description:

• 버튼 유형

Properties:

Type:

• number

Methods

getBindDataset() → {nexacro.Dataset}

Description:

• 바인딩된 Dataset Getter

Example

var ds = this.silder.getBindDataset();

Returns:

Type

nexacro.Dataset

getPageCount() → {number}

Description:

• 총 페이지 수를 return

Example

var cnt = this.silder.getPageCount();

Returns:

Type

number

getPageLength() → {number}

Description:

• 페이지당 Contents수를 return

Example

var len = this.silder.getPageLength();

Returns:

Type

number

getVisibleCount() → {number}

Description:

• 한번에 표시가능한 Contents수를 return

Example

var cnt = this.silder.getVisibleCount();

Returns:

Type

number

scrollToItem(idx)

Description:

• 특정 아이템으로 스크롤

Example

this.silder.scrollToItem(2);

Parameters:

scrollToPage(page)

Description:

• 특정 페이지로 스크롤

Example

this.silder.scrollToPage(1);

Parameters:

setBinddataset(ds)

Description:

• 페이지에 전달할 정보가 있는 Dataset 설정

Example

this.silder.setBinddataset(this.ds_test);

Parameters:

set_autorotate(autorotate)

Description:

• 자동회전여부설정

Example

this.silder.set_autorotate(false);

Parameters:

set_autorotateButtonHeight(autorotateButtonHeight)

Description:

• stop/resume button 넓이 설정

Example

this.silder.set_autorotateButtonHeight(30);

Parameters:

set_autorotateButtonPadding(autorotateButtonPadding)

Description:

• stop/resume button 영역 패딩 설정

Example

this.silder.set_autorotateButtonPadding("10px 20px");

Parameters:

set_autorotateButtonSpacing(autorotateButtonSpacing)

Description:

• stop/resume button 간격 설정

Example

this.silder.set_autorotateButtonSpacing(30);

Parameters:

set_autorotateButtonWidth(autorotateButtonWidth)

Description:

• stop/resume button 넓이 설정

Example

this.silder.set_autorotateButtonWidth(30);

Parameters:

set_autorotateSpeed(autorotateSpeed)

Description:

• 한번 자동이동에 걸리는 시간 설정

Example

var speed = this.slider.autorotateSpeed;
this.silder.set_autorotateSpeed(1000);

Parameters:

set_autorotateTerm(autorotateTerm)

Description:

• 자동이동간 시간간격 설정

Example

this.silder.set_autorotateTerm(2000);

Parameters:

set_binddataset(binddataset)

Description:

• 페이지에 전달할 정보가 있는 Dataset 설정
  EzCarouselSlider.setBinddataset를 사용하실수도 있습니다.

Examples

//string 사용
this.silder.set_binddataset("ds_test");

//Dataset 사용
this.silder.set_binddataset(this.ds_test);

Parameters:

set_buttonWidth(buttonWidth)

Description:

• pre/next button 넓이 설정

Example

this.silder.set_buttonWidth(50);

Parameters:

set_displayCount(cnt)

Description:

• 한페이지에 표시할 최대 수 설정

Example

this.silder.set_displayCount(5);

Parameters:

set_formWidth(width)

Description:

• 내부폼 넓이 setter

Example

this.silder.set_formWidth(200);

Parameters:

set_index(idx)

Description:

• 선택할 항목 index setter

Example

this.silder.set_index(1);

Parameters:

set_justifyContent(justifyContent)

Description:

• 요소 배치방법 설정

Example

this.silder.set_justifyContent("space-evenly");

Parameters:

set_nextButtonCssclass(nextButtonCssclass)

Description:

• next button cssclass 설정

Example

this.silder.set_nextButtonCssclass("btn-next");

Parameters:

set_page(page)

Description:

• page 선택

Example

this.silder.set_page(1);

Parameters:

set_pagingButtonCssClass(pagingButtonCssClass)

Description:

• 페이징버튼 cssclass 설정

Example

this.silder.set_pagingButtonCssClass("test");

Parameters:

set_pagingButtonHeight(pagingButtonHeight)

Description:

• 페이징버튼 높이 설정

Example

this.silder.set_pagingButtonHeight(20);

Parameters:

set_pagingButtonSpacing(pagingButtonSpacing)

Description:

• 페이징버튼 간격 설정

Example

this.silder.set_pagingButtonSpacing(10);

Parameters:

set_pagingButtonWidth(pagingButtonWidth)

Description:

• 페이징버튼 넓이 설정

Example

this.silder.set_pagingButtonWidth(20);

Parameters:

set_pagingCurrentButtonCssClass(pagingCurrentButtonCssClass)

Description:

• 페이징버튼(현재 페이지) cssclass 설정

Example

this.silder.set_pagingCurrentButtonCssClass("test-select");

Parameters:

set_pagingDivHeight(pagingDivHeight)

Description:

• 페이징버튼 wrapper 높이 setter

Example

this.silder.set_pagingDivHeight(20);

Parameters:

set_preButtonCssclass(preButtonCssclass)

Description:

• pre button cssclass 설정

Example

this.silder.set_preButtonCssclass("btn-pre");

Parameters:

set_repeatType(repeatType)

Description:

• 반복유형 설정

Example

this.silder.set_repeatType("item");

Parameters:

set_resumeButtonCssclass(resumeButtonCssclass)

Description:

• resume button cssclass 설정

Example

this.silder.set_resumeButtonCssclass("btn-next");

Parameters:

set_showPagingButton(showPagingButton)

Description:

• 페이징버튼 표시 여부 설정

Example

this.silder.set_showPagingButton(true);

Parameters:

set_stopButtonCssclass(stopButtonCssclass)

Description:

• stop button cssclass 설정

Example

this.silder.set_stopButtonCssclass("btn-next");

Parameters:

set_url(url)

Description:

• 내부폼 url setter

Example

this.silder.set_url("COMP::test.xfdl"); 

Parameters:

startAnimation()

Description:

• 자동반복 강제실행

Example

this.silder.startAnimation();

stopAnimation()

Description:

• 자동반복강제해제

Example

this.silder.stopAnimation();