(광고) 개.꿀.레터] 아코디언 기능으로 드롭다운까지?!!

2022. 11. 24.

개티님들의 개.꿀.레터

웹스퀘어 사용중인 개발자들의 꿀팁 레터

따-끈 New 기능

// 코드 사용 예

< w2:accordion id = "accodi1" independentPanel = "true" >

Accordion independentPanel

한 패널을 연 후에 다른 패널을 열 경우, 처음 연 패널(들)을 열린 채로 유지 (속성추가)

"true" : 기존의 열린 패널(들)을 연 상태로 유지
"false" (기본 값): 다른 패널을 열 경우, 기존의 열린 패널이 닫힘

// 코드 사용 예

accordion1. setDisabledPanel ( "panel_id" );

Accordion setDisablePanel()

특정 패널을 비활성화. 패널을 비활성화하면, 패널은 닫히고 패널을 클릭해도 열리지 않음 (함수추가)

// 코드 사용 예

var options = {

useHeaderDataFormat : "true"

}

gridView1. advancedExcelDownload (options);

GridView advancedExcelDownload()-options.useHeaderDataFormat

다운로드한 Excel 파일의 헤더 셀 서식을 dataType에 따라 출력 (옵션추가)

// 코드 사용 예

< xf:select1 id = "selectbox1" depthColumn = "col3" >

SelectBox depthColumn

depth값이 동일한 항목끼리 묶어서 계층 구조로 선택 항목을 표시 (속성추가)

위버 Q&A - CKEditor 이미지 업로드 설정 방법

웹에디터 컴포넌트(CKEditor)에서 이미지 업로드 시 "Drag&Drop"과 "Copy&Paste"를 할 수 있나요?

CKEditor 플러그인 기능인 CKFinder 기능을 설정

추가 기능은 SP4 엔진(5.0_4.3948B.20200221.172632_1.5) 이후 버전에서 사용할 수 있습니다.

플러그인 설치를 위해서는 아래의 서버 설정이 필요합니다.

WEB-INF - lib 에 jar파일 8개 추가
WEB-INF 에 web.xml을 덮어쓰고, config-ckfinder.xml 복사/붙여넣기
config-ckfinder.xml에 baseDir, baseURL 설정

좀 더 자세한 CKEditor 플러그인(CKFinder) 설정 방법과 예시 확인

버그 패치 리스트

// client.config.xml

alert 창 동작 client.config.xml 파일에 parseHTML을 설정할 경우, alert 창이 정상 실행되지 않음.

// server.config.xml

WebSquare meta server.config.xml 파일에 을 추가할 경우, 해당 meta name이 HTML 코드에 표시되지 않음.

// GridView

focusFlow="linear" focusFlow="linear" 속성 설정을 사용할 경우, 다른 컬럼을 클릭해도 onviewchange 이벤트가 발생하지 않음.
방향키 이동 방향키로 각 셀들을 이동할 경우, 편집 불가능한 셀을 선택함.
tabKeyMove tabKeyMove="down" 속성 설정을 GridView에 적용할 경우,
- inputtype="select" 컬럼에서 Tab 키를 누르면 처음에는 포커스가 아래로 내려 가지만 이후에는 옆 칼럼으로 포커스가 이동.
- inputtype="select" 혹은 "autoComplete" 셀의 선택 항목 목록을 연 후 Tab 키를 누르면 처음에는 포커스가 계속 아래로 내려가지 않음.
setUseFilter() showSortableImage="false" 및 showSortableUseFilter="true" 속성 설정을 사용하는 GridView의 inputType="checkbox" 컬럼에 대해 setUseFilter() 함수를 실행할 경우, inputType="checkbox" 속성 설정을 사용하는 헤더 및 바디의 체크박스를 선택할 수 없음.
fixedColumn fixedColumn 속성을 사용할 경우, 관련 CSS가 적용되지 않음.
setColumnOrder() alwaysDraw="true" 속성 설정을 사용하는 TabControl의 탭 화면에 GridView가 있고 해당 GridView에 대해 setColumnOrder() 함수를 실행할 경우, 오류 발생.
drawType="native" drawType="native" 속성 설정을 사용할 경우, GridView의 셀 데이터를 편집하면 subtotal이 사라짐.

// gridView.column

dataType="float" dataType="float" 셀에서 소수점(.)만 복사하기 & 붙여넣기한 후에 포커스를 이동할 경우, 복사한 소수점이 사라짐.

// InputBox

applyFormat="all" applyFormat="all" 속성 설정을 적용할 경우, 포커스가 정상 동작하지 않는 경우 발생.

// InputCalendar

다국어 처리 월달력의 경우, 클라이언트 다국어 처리가 적용되지 않음.

// Switch

slide="true" slide="true" 속성 설정을 사용할 경우, Switch 컴포넌트로 표시하는 ScheduleCalendar가 정상 표시되지 않음.

// WidgetContainer

서브미션 상태창 TabControl의 탭 화면에 있는 WidgetContainer에서 서브미션을 호출할 경우, 서브미션 상태창이 전체 화면에 표시됨.

addWidgets() addWidgets() 함수를 사용하여 위젯을 추가하되 options.fixed="true" 옵션 설정을 통해 위젯 고정 버튼을 위젯에 표시할 경우, 위젯 고정 버튼을 클릭하면 위젯은 고정되지만 버튼의 색깔이 변경되지 않음.

이번 레터도 읽어주셔서 감사해요!😌

개꿀레터는 매주 목요일 낮 12시 여러분께 배송💌 됩니다.

지난 내용은 언제든지 꺼내보기 쉽게 잘 정리해서 블로그에 저-장 해놓을게요!

인스웨이브시스템즈

서울시 강서구 공항대로 247, 퀸즈파크나인 C동 12층 (07803)

02-2082-1400 | marketing@inswave.com

웹스퀘어 개발 관련 정보를 받아볼 수 있다해도.......수신거부

인스웨이브 뉴스레터를 구독하고 이메일로 받아보세요

이전 뉴스레터

(광고)✏️교육일정 : UI 개발자를 위한 12월 웹스퀘어 교육 !

2022. 11. 3.

다음 뉴스레터

(광고) 개.꿀.레터] 다국어 처리 업데이트!! 확인해요👍

2022. 12. 1.