Vaadin, 느린 결과 생성

Question

나는 Vaadin 검색 결과를 생성해야합니다. 아마도 가장 빠른 방법은 결과를 테이블에 넣는 것입니다. 그러나 사용자 정의 레이아웃이 필요하며 모든 행에 대해 FormLayout이 가장 좋습니다. 불행히도 FormLayout으로 포맷 된 행을 테이블에 넣으면 결과 생성에 약 15-20 초가 걸립니다. 레이아웃에 넣지 않고 레이블/버튼을 몇 개만 넣으면 세대는 약 1 초가 걸립니다.

나는 UI를 최적화하는 것에 대해 vaadin manual을 읽었으며 결과를 생성하는 데 필요한 시간을 줄이기 위해 무엇을해야할지 모르겠다.

Vaadin에서 결과를 테이블로 표시 할 수없는 경우 어떻게 생성합니까?

Answer 1

좋습니다, 해결책은 ... 테이블 내에서 CssLayout을 사용하는 것입니다. CssLayout은 여전히 ​​FormLayout보다 훨씬 빠르며 3 div로 구성되어 있습니다. GWT의 FlowPanel을 사용하는 것이 더 좋을 것이라고 생각하지만 충분한 시간을 확인하지 못했습니다. 그리고 테이블의 setPageLength 메소드를 잊지 마라. lazy 로딩이 테이블을 사용하는 주된 이유이다.

Answer 2

제공하는 몇 가지 더 레이아웃 옵션 :

• WeeLayout add-on : 빠른 레이아웃, 많은되지 자바 스크립트에서 고가의 레이아웃 계산 및
• DashLayout add-on CssLayout
보다 가벼운 DOM 구조 : 심지어 가벼운 DOM 구조 (하지만 더 JS 계산), CSS (임의 여백/경계/패딩 값)에 대한보다 유연한 스타일 지정 옵션을 제공합니다.