웹스퀘어 dataList 관련 정보 바로가기 👆 WebSquare.uiplugin.dataList 사용 가이드WebSquare.uiplugin.dataList는 화면에서 사용되는 데이터를 저장하고 관리하기 위한 객체로, 다건 데이터 처리를 용이하게 만들어줍니다. 이 객체는 데이터의 구조를 정의하는 Column Info 영역과 데이터를 담고 있는 Data 영역으로 구성됩니다. 이 글에서는 DataList의 주요 개념과 기능을 간략히 소개합니다.     1. DataList의 구조1.1 Column Info 영역역할: 데이터 구조를 정의합니다.속성:id: 컬럼의 이름 정의기타 데이터 가공 속성 추가 가능  1.2 Data 영역역할: 데이터의 초기값을 정의합니다.use 속성: 초기값 적용 여부를 설정 (us..

[WebSquare] 웹스퀘어 dataList란? 사용법 및 코드 요약

웹스퀘어 dataList 관련 정보 바로가기 👆 WebSquare.uiplugin.dataList 사용 가이드WebSquare.uiplugin.dataList는 화면에서 사용되는 데이터를 저장하고 관리하기 위한 객체로, 다건 데이터 처리를 용이하게 만들어줍니다. 이 객체는 데이터의 구조를 정의하는 Column Info 영역과 데이터를 담고 있는 Data 영역으로 구성됩니다. 이 글에서는 DataList의 주요 개념과 기능을 간략히 소개합니다.     1. DataList의 구조1.1 Column Info 영역역할: 데이터 구조를 정의합니다.속성:id: 컬럼의 이름 정의기타 데이터 가공 속성 추가 가능  1.2 Data 영역역할: 데이터의 초기값을 정의합니다.use 속성: 초기값 적용 여부를 설정 (us..

2025.01.16

웹스퀘어 유용한 코드 모음 바로가기 👆 WebSquare getModifiedJSON: 사용법과 활용1. getModifiedJSON이란?WebSquare에서 제공하는 getModifiedJSON은 특정 컴포넌트의 데이터 변경 사항을 JSON 형식으로 반환하는 메서드입니다. 주로 데이터의 변경 여부를 확인하거나 서버로 전송하기 위한 데이터 객체를 구성할 때 유용하게 사용됩니다.      2. 주요 기능변경 데이터 추출: 특정 컴포넌트에서 수정된 데이터만 추출할 수 있습니다.JSON 형식 반환: 반환 값이 JSON 포맷이므로 직관적이고 활용하기 쉽습니다.서버 통신 활용: 수정된 데이터를 서버로 전송하는 데 사용됩니다.      3. 주요 메서드 사용법아래는 getModifiedJSON 메서드를 사용하는 ..

[WebSquare] 웹스퀘어 dataList getModifiedJSON 란? 사용법과 활용

웹스퀘어 유용한 코드 모음 바로가기 👆 WebSquare getModifiedJSON: 사용법과 활용1. getModifiedJSON이란?WebSquare에서 제공하는 getModifiedJSON은 특정 컴포넌트의 데이터 변경 사항을 JSON 형식으로 반환하는 메서드입니다. 주로 데이터의 변경 여부를 확인하거나 서버로 전송하기 위한 데이터 객체를 구성할 때 유용하게 사용됩니다.      2. 주요 기능변경 데이터 추출: 특정 컴포넌트에서 수정된 데이터만 추출할 수 있습니다.JSON 형식 반환: 반환 값이 JSON 포맷이므로 직관적이고 활용하기 쉽습니다.서버 통신 활용: 수정된 데이터를 서버로 전송하는 데 사용됩니다.      3. 주요 메서드 사용법아래는 getModifiedJSON 메서드를 사용하는 ..

2025.01.16

웹스퀘어 엑셀 다운로드 및 업로드 참고 코드1. 엑셀 다운로드1.1 사용 목적현재 화면에 표시된 그리드 데이터를 그대로 엑셀 파일로 다운로드합니다. 데이터를 파일로 저장하여 분석하거나 다른 시스템과 공유할 수 있습니다.    1.2 사용 방법gridView.advancedExcelDownload([]);위 코드는 그리드뷰 데이터를 엑셀 파일로 다운로드합니다. advancedExcelDownload() 함수는 기본적으로 그리드에 표시된 데이터와 포맷을 그대로 엑셀에 반영합니다.    1.3 주요 특징포맷 유지: 그리드뷰에서 적용된 필터, 정렬, 스타일 등이 엑셀 파일에 반영됩니다.손쉬운 사용: 별도의 설정 없이 호출만으로 엑셀 다운로드 가능.           2. 엑셀 업로드2.1 사용 목적엑셀 파일로부..

웹스퀘어 디버깅 debugging 방법1. 웹에서 디버깅 활성화WebSquare5에서는 브라우저 상에서 디버깅을 수행할 수 있도록 편리한 기능을 제공합니다.      2. 디버깅 활성화 방법Ctrl + 마우스 우클릭:브라우저에서 WebSquare5 화면 상에서 Ctrl 키를 누른 상태로 마우스 오른쪽 버튼을 클릭합니다.디버깅 관련 메뉴가 나타납니다.디버깅 메뉴 선택:나타난 메뉴에서 dataCollection 보기, submission 보기, 로그 보기 등 디버깅 옵션을 선택할 수 있습니다.        3. 주요 디버깅 옵션dataCollection 보기: 현재 화면에 바인딩된 DataCollection의 상태와 데이터를 확인할 수 있습니다.submission 보기: 서버와의 통신 과정에서 Submiss..

웹스퀘어 개발 시 자주 쓰이는 유틸 함수($p.~) 정리1. 데이터 관련 유틸 함수1.1 $p.getComponent()설명: 특정 컴포넌트를 ID로 가져옵니다.var textbox = $p.getComponent("textboxId");textbox.setValue("Hello, World!");    1.2 $p.executeSubmission()설명: 특정 Submission을 실행하여 서버와 데이터를 송수신합니다.$p.executeSubmission("submissionId");     1.3 $p.getDataCollection()설명: 특정 DataCollection을 가져옵니다.var dc = $p.getDataCollection("dataCollectionId");console.log(dc..

WebSquare5 DesignSystemDesignSystem의 주요 기능1. 템플릿 관리기능: 화면 설계 시 반복적으로 사용되는 구조나 레이아웃을 미리 정의해 두고 재사용할 수 있습니다.사용 예시: 로그인 화면, 대시보드 레이아웃, 테이블 구조 등을 템플릿으로 저장하여 재활용.      2. 스타일 및 테마 관리기능: 프로젝트 전체에서 공통으로 사용되는 색상, 글꼴, 버튼 스타일 등을 정의합니다. 변경 사항이 발생하면 스타일만 수정하여 모든 화면에 자동 반영됩니다.예시:Primary Color: #007BFF (기본 버튼 색상)Secondary Color: #6C757D (보조 버튼 색상)       3. 컴포넌트의 재사용성기능: 기본 컴포넌트(InputBox, GridView 등)에 DesignSy..