DBILITY

공식 사이트 문서를 참조하여 작성하였다. Router는 Navigation Target들에 지정된 Navigation URL을 Router.getUrl(Class target) 메서드를 통해 제공하지만, parent layout에 의해 경로가 추가된 경우 다루기 간단하지 않을 수 있다. @Route("path") public class PathComponent extends Div { public PathComponent() { setText("Hello @Route!"); } } public class Menu extends Div { public Menu() { String route = UI.getCurrent().getRouter().getUrl(PathComponent.class); Anchor..

공식 사이트 문서를 참조하여 작성하였다. Query String과 구분할 수 있어야 한다. Path Variable로 생각하면 쉽다. Navigation시 url parameter를 지원하기 위해 HasUrlParameter interface를 구현하고, Generic Type으로 parameter를 정의하여야 한다. HasUrlParameter interface의 setParameter 메서드를 구현하게 되는데, 이 메서드는 rotuer api에 의해 Navigation Target 활성화되기 전에 항상 호출된다. 다음 예시는 "greet" 경로로 접근시 String Type의 parameter를 정의하고, GreetingComponent내에 setText로 인사말 String을 설정한다. @Route..

https://vaadin.com/blog/vaadin-10-learning-resources Vaadin 10 learning resources Vaadin 10 was recently released, and it’s been received with great enthusiasm. By the time of writing this, there are over 40 components available in Vaadin Directory that support Vaadin 10. We have had a webinar and an introduction video about... vaadin.com

공식 사이트 문서를 참조하여 작성하였다. @Route("path") Annotation을 사용하여 경로를 정의할 때 Component는 기본적으로 html페이지의 Tag 내부에 Rendering 된다 (HasElement.getElement()에 의해 반환된 요소는 에 연결). ParentLayout은 @Route Annotation내에 layout 메소드를 사용하여 정의할 수 있다. 다음 예제는 CompanyComponent가 MainLayout이라는 Layout 내부에 Rendering 한다. @Tag("div") @Route(value="company", layout=MainLayout.class) public class CompanyComponent extends Component { } 상위(p..

공식 사이트 문서를 참조하여 작성하였다. Navigation이 이루어질 때 다수의 Lifecycle Event가 발생하며, 이벤트는 UI 인스턴스에 추가된 리스너와 observer interface를 구현한 모든 Component들에 발생한다. 이벤트의 순서는 이동이라는 관점에서 볼 때 머무르는 곳에서 떠나는 것을 시작으로 목적지에 도착 후까지로 생각하면 쉽게 이해가 되겠다. 머물러야 떠날 수 있다. 나름 철학적이네? 예제는 공식 사이트 문서를 참조하자. BeforeLeaveEvent Navigation 중 발생하는 첫 번째 Event로, Navigation을 지연, 취소 또는 목적지를 변경할 수 도 있다. BeforeLeaveEvent는 Navigation이 시작되기 전에 UI에 연결(attach)되고..