6
Khi sử dụng UiBinder, phương pháp ưa thích của việc tạo bố cục đơn giản như thế này là gì?FlowPanel so với HTMLPanel trong GWT UiBinder
FlowPanel:
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
xmlns:g='urn:import:com.google.gwt.user.client.ui'>
<ui:style>
.outer {
display: table;
height: 100%;
width: 100%;
}
.inner {
background: #DDD;
display: table-cell;
vertical-align: middle;
}
</ui:style>
<g:FlowPanel styleName="{style.outer}">
<g:FlowPanel styleName="{style.inner}">
<g:Label ui:field="someLabel"/>
</g:FlowPanel>
</g:FlowPanel>
</ui:UiBinder>
HTMLPanel:
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
xmlns:g='urn:import:com.google.gwt.user.client.ui'>
<ui:style>
.outer {
display: table;
height: 100%;
width: 100%;
}
.inner {
background: #DDD;
display: table-cell;
vertical-align: middle;
}
</ui:style>
<g:HTMLPanel styleName="{style.outer}">
<div class="{style.inner}">
<g:Label ui:field="someLabel"/>
</div>
</g:HTMLPanel>
</ui:UiBinder>
Edit: Tôi biết họ sản xuất ra html tương tự khi render, tôi đang tự hỏi nếu có bất kỳ biện minh cho việc sử dụng một phong cách hơn cai khac.
Các javadocs nói rằng FlowPanel là bảng điều khiển đơn giản nhất, nhưng tại điểm nào thì việc sử dụng HTMLPanel trở nên thích hợp hơn. ví dụ.
<FlowPanel>
<FlowPanel>
<Widget>
</FlowPanel>
<FlowPanel>
<Widget>
</FlowPanel>
</FlowPanel>
vs
<HTMLPanel>
<div>
<Widget>
</div>
<div>
<Widget>
</div>
</HTMLPanel>
Cảm ơn.
UiBinder - HTMLPanel vs. div là một câu hỏi khá giống nhưng hỏi về cách sử dụng div so với HTMLPanel.
Ngoài cách chúng biểu hiện, đặc biệt là trong một trường hợp đơn giản như thế này, có ưu điểm hay nhược điểm nào khi chọn cái kia? – DTing
Bạn có thể chỉ cần kiểm tra nó một mình - khởi động firebug trên firefox hoặc công cụ phát triển trong chrome để kiểm tra các yếu tố này. Tôi đã thử nó và tìm ra rằng họ làm cho cả hai như là thẻ div. Vì vậy, tôi giả sử bạn không phải lo lắng về các tác dụng phụ, và chỉ có thể tập trung vào khả năng đọc và bảo trì mã của bạn. –