본문 바로가기

TechTip

리스트뷰 동적으로 생성하기

샘플개요

Div 위에 배치된 컴포넌트를 리스트뷰 Body Band 영역의 셀로 자동생성합니다.

각 컴포넌트에 설정된 속성값들을 셀의 속성에도 동일하게 적용할 수 있습니다.

리스트뷰 동적 포맷 생성 예시

 

사용방법

1. 제공된 파일

dynamicListview.xfdl - 사용될 컴포넌트가 배치되며 사용할 옵션을 설정하여 결과를 확인하는 화면 예제 폼 파일

dynamicListview.xjs - 동적으로 리스트뷰 포맷이 생성되고 적용되는 로직이 작성된 스크립트 파일

dynamicListview.xcss - 리스트뷰 class 적용 예시용 css 파일

image 파일폴더 - 화면에서 사용 될 이미지 파일 모음

2. 화면 동작 가이드

#1. 리스트뷰 body Band 영역에 생성할 셀을 Div위 컴포넌트로 배치합니다.

#2. 적용 버튼 클릭 시 Div위에 배치된 컴포넌트가 리스트뷰 포맷으로 동적으로 생성됩니다.

주의사항

#1. css사용을 위하여 넥사크로 스튜디오에서 dynamicListview.xcss 파일 추가가 필요합니다.

#2. 첨부된 이미지 사용을 위하여 file >  image 서비스 그룹 추가가 필요합니다.

#3. 컴포넌트 별 format 생성은 현재 Static, Button, Edit, ImageViewer 컴포넌트만 구현되어 있습니다.

 타 컴포넌트 사용 시 추가 구현 필요합니다.

 

테스트 버전 정보

Product Version : 17.0.0.2301(2019.8.22.1)

 

파일 다운로드 경로

https://www.playnexacro.com/techtips/1154/리스트뷰-동적으로-생성하기

 

play nexacro

 

www.playnexacro.com