DBILITY

새로운 창으로 화면을 출력하도록 하는 컴포넌트로 PopupView와 Window 2가지가 있다. PopupView는 사용자 정보 제공용(Notification과 유사한)으로 주로 사용되며, Window는 명칭 그대로 새로운 창을 띄우는 경우(layer?)다. 그렇지만 javascript의 window.open과는 다르다. Window win = new Window("윈도우"); win.setModel(true); // 창을 모달윈도우로 지정 win.setResizable(false); // 창크기 불가처리 win.center(); // 창을 부모창의 가운데 위치 UI.getCurrent().addWindow(win); // SPA 페이지에 화면 띄우기 //win.close(); // 창 닫기 다음은 Wi..

위지윅을 지원하는 IDE 툴에서 Text, Combo 등의 컴포넌트 또는 컨트롤에 데이터를 바인딩할 때처럼 데이터 소스를 연결(setItemDataSource)하고 각 컴포넌트에 할당하는 데이터 프로바이더 정도로 생각하면 되려나? TextField userid = new TextField("ID"); FieldGroup fieldGroup = new FieldGroup(); fieldGroup.bind(userid,"userid"); /* 위처럼 개별 필드별로 처리하거나, 아래처럼 선언된 필드를 한꺼번에 바인딩할 수도 있다.*/ public class MyFieldGroup { FieldGroup fieldGroup; TextField userid; public MyFieldGroup() { fieldG..

웹브라우저용 개발을 해 본 지 오래다 보니 여러 가지 모르는 게 많다. 특히 css변경시ㅎㅎ 개발자 도구 → 네트워크 → Disable cache 체크한다.

최상위에 VerticalLayout에 로그인 관련 Component가 존재하고, 로그인을 하면 최상위 레이아웃의 모든 Component를 clear(?) 한 후 다른 Component를 배치하는걸 해봤다. 그냥.. 아무런 이유는 없다. package com.vseminar.vaadin_seminar2; import java.util.regex.Pattern; import javax.servlet.annotation.WebServlet; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import com.vaadin.annotations.Theme; import com.vaadin.annotations.VaadinServletConfiguration; ..

vaadin에서 SPA(Single Page Application, 화면의 필요한 부분만 갱신) 방식의 페이지 이동은 com.vaadin.navigator.Navigator로 구현한다. 갱신이 필요한 부분 = Fragment = View(?) Addview로 추가하고, navigateTo메서드로 View이동을 요청하면 viewContainer영역이 동적으로 변경된다. navigator는 UI를 기준으로 동작한다. SPA방식의 페이지에 좌측 메뉴+우측 콘텐츠 형태의 레이아웃을 잡고, 버튼으로 개별 메뉴 구성, 클릭시 우측 콘텐츠가 바뀌는 형태다. 우측 컨텐츠 영역은 화면의 영역 중 빈부분을 최대로 채우도록 처리한다.( layout.setExpandRatio(content, 1) ) About~UserLis..