ADF 拉伸控件以自适应浏览器

在开发ADF应用中的一个常见需求是使ADF控件自动拉伸以适应浏览器。这里有两种方法:

1. 通常开发者为了将控件横向扩展到接近浏览器宽度,将宽度设置为98%,如
<af:foo inlineStyle="98%" />
但是这里有一种更好的方法是使用AFStretchWidth这个样式类,则写法如下
<af:foo styleClass="AFStretchWidth" />

2. 使用可以自动扩展控件的Layout,列表如下

PanelStretchLayout,自动拉伸子控件,对于top, bottom, left, right可以将其宽度设为auto则可自动扩展 PanelTabbed,有一个属性stretchChildren,可以设置拉伸的子控件
* table,有一个属性columnStretching,可以设置一个需要拉伸的列(如设置Description字段自动拉伸)参考内容
Layout Tips - Stretching components to fit browser window
Stretching an ADF Faces Component to (near) 100%

更多的控件实例和布局最佳实践可以看这里