일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- R
- Spring
- NPM
- vaadin
- es6
- tomcat
- JavaScript
- Python
- hadoop
- Express
- MSSQL
- GIT
- table
- Eclipse
- xPlatform
- 공정능력
- mybatis
- plugin
- SPC
- SSL
- Sqoop
- mapreduce
- 보조정렬
- Android
- window
- IntelliJ
- Kotlin
- Java
- react
- SQL
- Today
- Total
목록front-end & ui/vaadin flow (13)
DBILITY
공식 사이트 문서를 참조하여 작성하였다. 익히 알다시피 Grid는 row와 column으로 구성된 표형태의 데이터를 표시하고, 편집할 수 있게 한다. 상단에 머리글(header), 하단에 바닥글(footer)이 표시되며, 일반 텍스트 외에도 HTML, Component를 포함할 수 있다. 머리글(header)에 포함되는 Component들은 필터링을 쉽게 구현할 수 있고, column header를 클릭하여 정렬할 수 있다. multiSort설정 시 shift를 누른 상태에서 클릭할 경우 정렬이 추가된다. Grid의 데이터 표시 영역은 가로, 세로 스크롤막대를 표시할 수 있고, column.setFrozen 메서드를 사용하여 고정(좌측부터)할 수 있으며, 스크롤되지 않는다. 데이터의 적재시 첫 번째 방식..
vaadin platform의 일부로 flow와 함께 종속성을 갖고 포함되어 있다. 자세한 예제는 공식 사이트를 참고하자. Component별로 잘 정리되어 있다. https://vaadin.com/docs/v10/flow/components/tutorial-flow-components-setup.html Using Vaadin Components | Using Vaadin Components | Flow | Vaadin 10 Docs There is a set of pre-built server-side components with Java API for Vaadin Web Components, such as Button, TextField and so on. Those components are pa..
공식 사이트 문서를 참조하여 작성하였다. navigation이 이루어지는 동안 페이지 title을 업데이트하는 방법은 두 가지가 있다. @PageTitle Annotation을 이용하는 방법과 HasDymamicTitle interface를 구현하는 방법이 있으며, 이 두 가지 접근법은 상호 배타적이라 동일 class에 구현 시 runtime exception이 발생한다. @PageTitle Annotation은 가장 편리한 방법으로 Component class에 설정하게 되며, 실제 존재하는 navigation target에 대해서만 인식한다. 상위class나 상위 view는 고려되지 않는다. @PageTitle("home") class HomeView extends Div { HomeView(){ s..
공식 사이트 문서를 참조하여 작성하였다. app에 등록된 경로(Routes)를 추적하는 방법은 다음과 같다. Router router = UI.getCurrent().getRouter(); List routes = router.getRoutes(); RouteData 객체는 URL, parameter, 상위 layout 등 경로(route)에 대한 모든 연관 정보를 포함한다. 상위 layout에 정의된 경로(route)의 정보는 다음과 같이 참조할 수 있다. Router router = UI.getCurrent().getRouter(); Map
공식 사이트 문서를 참조하여 작성하였다. navigation 중 발생하는 처리되지 않은 오류에 대해 사용자에게 표시하는 navigation target을 지원한다. 일반적인 navigation target과 동작 방식은 같으나, @Route annotation을 통해 navigation target을 지정하지 않는다. navigation 중 발생하는 exception type에 따라 target을 결정하는데, HasErrorParameter를 구현하는 모든 class는 navigation 중 발생하는 모든 오류를 수집한다. 다음은 주어진 url에 대한 target이 존재하지 않을 경우, NotFoundException을 수집하여 사용자 화면에 나타낸다. @Tag(Tag.DIV) public class R..