DBILITY

공식 사이트 문서를 참조하여 작성하였다. RouterLink Compnent를 사용하여 navigation target에 연결되는 Link를 생성할 수 있다. 일반적으로 Anchor를 통해 링크를 생성할 수 있지만, 이 경우 페이지가 다시 로드된다. RouterLink는 페이지를 다시 로드하지 않고, Component를 불러와 업데이트할 수 있다. Server Side에서도 UI.navigate() 메서드를 통해 처리할 수 있으나, Router Link는 session이 만료된 이후에도 작동하므로, Router Link를 사용하는 것이 좋다고 한다. UI.navigate는 session scope에서만 동작한다는 건가? @ParentLayout(MainLayout.class) public class Me..

공식 사이트 문서를 참조하여 작성하였다. 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..