일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Kotlin
- es6
- IntelliJ
- plugin
- window
- GIT
- 보조정렬
- SPC
- Java
- MSSQL
- SSL
- react
- Android
- hadoop
- Express
- 공정능력
- JavaScript
- NPM
- R
- Spring
- vaadin
- SQL
- Python
- mybatis
- Eclipse
- xPlatform
- tomcat
- mapreduce
- table
- Sqoop
- Today
- Total
목록front-end & ui (119)
DBILITY
vaadin 7에서 setIcon으로 설정 시 Enum class가 FontAwesome이었다. vaadin 8에선 VaadinIcons를 사용하면 된다. https://cdn.vaadin.com/vaadin-icons/4.1.4/demo/#icons-basic-demos vaadin-icons Examples cdn.vaadin.com
워낙 대충 봐서 그런지 모르나, 책에는 내용이 없는 것 같고.. 영알 못이라 공식 사이트 매뉴얼에서도 못 찾겠어서 그냥 중노동을 하였다. 다른 방법이 수두룩하겠으나, 오늘 테스트는 여기까지다. vaadin framework version은 7.713이다. 8부턴 지원하지 않는다고 한다. 첫 번째 방법은 setColumnHeaders로 text 추가 후 table에 style을 추가하는 것이다. default style이 v-table-caption-container-align-left인걸 v-table-caption-container-align-center 변경해 봤더니 된다. userTable.setVisibleColumns("image","userid","password","grade","birthd..
VO class에 String으로 저장된 Image file명으로 Table/Grid에 Image를 출력하고자 할 경우 CellStyleGenerator를 구현하면 된다. Grid의 경우 추가적으로 Renderer를 설정해야 하며, 다음은 코드 일부다 grid.getColumn("image").setRenderer(new ImageRenderer(),new Converter(){ @Override public String convertToModel(ThemeResource value, Class
VO class에 Date Type의 Column을 BeanItem으로 binding 할 경우 시분초까지 표현된다(?) display는 아래 그림처럼 연-월-일만 하고 싶을때(?) Table의 경우 ColumnGenerator를 구현한다. //사용 예 User.class는 VO table.addGeneratedColumn("birthday", new Table.ColumnGenerator() { @Override public Object generateCell(Table source, Object itemId, Object columnId) { User user = (User)itemId; String birth = new SimpleDateFormat("yyyy-MM-dd").format(user.ge..
Receiver 인터페이스를 구현하고, Upload컴포넌트에 setReceiver메서드로 할당한다. Upload엔 여러개의 Listener가 존재하며, started, progress, finished, failed상태를 처리할 수 있다. Upload.setImmediate(true)에 따라 input type=file로 보이는 필드를 Button으로 가리고 Button 클릭시 파일 선택 대화상자가 표시된다. upload컴포넌트에 Button은 setButtonCaption("Change...");로 추가. 기억나지 않을때 봐야 하니 작성한다. 다음은 Receiver를 구현한 예로 구현할 메서드는 receiveUpload 하나다. @Override public OutputStream receiveUplo..