본문 바로가기

분류 전체보기

 (68)
트리 그리드 잘 사용하고 잘 활용하는 방법 - 트리 그리드 셀 컨트롤 가이드 Intro. 트리 구조(tree 構造, 문화어: 나무구조)란 그래프의 일종으로, 여러 노드가 한 노드를 가리킬 수 없는 구조이다. 간단하게는 회로가 없고, 서로 다른 두 노드를 잇는 길이 하나뿐인 그래프를 트리라고 부른다. 넥사크로플랫폼은 데이터를 테이블 구조 즉, 리스트 형태로 담을 수 있는 그리드 컴포넌트를 제공합니다. 그리드를 구성하는 오브젝트 중 셀은 다양한 형태의 컴포넌트를 표현 할 수 있으며, 이 중, Treeitemcontrol은 각 레벨을 설정하여 데이터를 트리로 구성합니다. What will help? 트리는 기본적으로 접기/펼치기 가능한 아이템과 체크박스 옵션을 사용할 수 있습니다. 또한 트리 정보 값을 반환 받거나 상태관리를 설정 할 수 있는 메소드를 기본 제공합니다. Type Met..
글자를 예쁘게 꾸며보자 decorate 적용 가이드 Intro. static은 문자를 출력하기 위해 사용되는 단순한 기능을 갖는 녀석이지만 다른 컴포넌트들과는 다른 하나의 큰 장점이 있는데요. 바로 출력되는 텍스트에 Decorate 효과를 적용할 수 있는 점입니다. 넥사크로플랫폼의 decorate란 html의 문장의 특정 구역에 css스타일을 지정할 수 있는 span tag와 유사한 기능입니다. 선으로 텍스트를 꾸미는 css속성의 text-decoration은 입/출력 컴포넌트 모두 적용 가능한 반면 decarate는 static 즉, 출력 컴포넌트에만 적용할 수 있는 기능입니다. What will help? static에서 decorate 기능을 사용하기 위해서는 usedecorate 속성을 true로 하여 적용 할 수 있습니다. 앞서 decorate기..
그리드 셀 자유롭게 컨트롤 하는 비법 전수 Intro. 그리드는 화면에 표현될 데이터셋 컴포넌트와 함께 사용됩니다. 데이터셋의 역할을 데이터를 가공하거나 정렬이나 필터 등의 기능을 제공하는 반면 그리드는 표현된 리스트의 데이터를 효과적으로 보여주는데 필요한 기능들을 제공합니다. 예를들어 엑셀과 같이 컬럼의 크기를 조정하거나 이동시키기도 하며 틀고정과 같은 기능도 제공합니다. What will help? 그리드 셀의 크기를 조정하고 위치를 변경하는 작업들을 사용자가 직접 편집할 수 있습니다. 또한 이러한 컬럼은 속성을 설정하여 간편하게 자동조정할 수 있습니다. 1. autofittype의 속성을 ‘col’로 설정할 경우 그리드의 가로 스크롤 없이 전체 컬럼이 표시되도록 너비를 자동 조절하는 속성입니다. 2. autosizingtype 속성을 이용하..
nexacrostudio 잘쓰는 방법 - 2.컴포넌트 정렬 빠르게 하기 Intro. 넥사크로플랫폼의 많은 장점 중에 제가 생각하는 최고는 “전용개발툴”로 쉽고 빠르게 컴포넌트를 그릴 수 있고, 스크립트를 구현할 수 있다는 점 입니다. 전용개발툴인 넥사크로 스튜디오는 하나의 화면을 폼 단위로 관리하며 디자인, 소스, 스크립트 탭으로 관리합니다. 디자인탭에서는 여러 컴포넌트들은 실제 사용하는 위치에 맞게 그리고 배치합니다. 넥사크로 스튜디오에서 제공하는 툴바 중 Align바는 정렬 기능을 모아둔 곳입니다. 만약 현재 개발툴에서 툴바가 Align바를 사용할 수 없다면 메뉴 view > Toolbars > Align을 활성화해야 합니다. 폼 화면에서 사용하는 모든 컴포넌트는 Align 기능을 사용 할 수 있습니다. how to align Align바는 폼의 선택된 컴포넌트 수에 따..
nexacrostudio 잘쓰는 방법 - 1.개발툴 편의기능 code snippet Intro. snippet이란 사전적으로 “ 1. (작은) 정보 2. (대화·음악 등의) 한 토막 “ 을 의미합니다. 프로그래밍 용어로는 재사용 가능한 소스 코드, 기계어, 텍스트의 작은 부분을 일컫는 뜻을 의미합니다. nexacro platform17의 code snippet은 자주 사용하는 코드를 지정하여 스크립트 편집 시 사용할 수 있는 개발편의 기능입니다. 코드 단축키 기능이라고 생각하면 이해가 쉬울 것 같습니다. What will help? code snippet은 더 빠르고 쉬운 스크립트 작성을 위하여 새롭게 추가된 개발 툴 기능입니다. 저는 nexacro platform을 많이 사용하고 익숙하지만 처음 접하는 개발자분들께 위 문장은 큰 도움이 되지 않아 보입니다. 그러면 무엇 때문에 이 기능..
History (뒤로가기 & 새로고침) 샘플개요 웹브라우저 환경에서 뒤로가기 & 새로고침을 사용할 수 있도록 구현된 예시입니다. 본 예시는 이전에 작성된 14용 History 기능을 17용으로 변환한 것으로 동일한 기능으로 구성되어있습니다. 관련된 내용은 하단 링크를 참조해 주세요. 1. https://www.playnexacro.com/techtips/279/넥사크로-플랫폼에-뒤로가기-새로고침-적용하기 2. https://www.playnexacro.com/techtips/482/넥사크로-플랫폼에-뒤로가기-새로고침-적용하기-2탄 사용방법 1. 제공된 파일 nexacro17lib/History.json - TypeDefinition에 등록하기 위한 모듈 JSON파일 입니다. nexacro17lib/History/History.js - Hist..
그리드 복사하기 붙여넣기 샘플 샘플개요 그리드의 셀을 선택하여 복사 후 붙여넣기 할 수 있습니다. 복사/붙여넣기는 그리드 셀 안에서 뿐만 아니라 그리드에서 엑셀 또는 엑셀에서 그리드로도 가능합니다. 사용방법 1. 제공된 파일 gridCopyPaste.xfdl - 사용될 그리드 컴포넌트가 배치되며 사용할 그리드를 지정하는 화면 예제 폼 파일 gridCopyPaste.xjs - 동적으로 그리드 이벤트가 생성되고 사용될 로직이 작성된 스크립트 파일 2. 화면 동작 가이드 #1. 화면의 그리드의 셀을 선택 후 ctrl + c / ctrl + v 하여 복사 붙여넣기 합니다. #2. 그리드 - 엑셀, 엑셀 - 그리드 모두 사용 가능합니다. 주의사항 #1. NRE(nexacro Runtime Environment), WRE(Web Runtime ..
리스트뷰 동적으로 생성하기 샘플개요 Div 위에 배치된 컴포넌트를 리스트뷰 Body Band 영역의 셀로 자동생성합니다. 각 컴포넌트에 설정된 속성값들을 셀의 속성에도 동일하게 적용할 수 있습니다. 사용방법 1. 제공된 파일 dynamicListview.xfdl - 사용될 컴포넌트가 배치되며 사용할 옵션을 설정하여 결과를 확인하는 화면 예제 폼 파일 dynamicListview.xjs - 동적으로 리스트뷰 포맷이 생성되고 적용되는 로직이 작성된 스크립트 파일 dynamicListview.xcss - 리스트뷰 class 적용 예시용 css 파일 image 파일폴더 - 화면에서 사용 될 이미지 파일 모음 2. 화면 동작 가이드 #1. 리스트뷰 body Band 영역에 생성할 셀을 Div위 컴포넌트로 배치합니다. #2. 적용 버튼 클릭..

티스토리툴바