使选项卡式内容可滚动
|
我使用Richfaces 3.3和Jsf 2。
我有一个选项卡面板，在模式弹出窗口中有许多选项卡。
我想将每个标签的内容设置为固定高度（因为模式屏幕必须始终为相同大小）。这意味着我必须使选项卡的内容可滚动，因为有时内容可能比模式屏幕长。
我所附的代码适用于Firefox和chrome ...但是IE无法正确呈现它。
IE的主要问题是它似乎并未在生成的元素上应用\'myTestDetailTabPanel \'高度，它只是根据需要扩展了标签内容。
<rich:tabPanel id=\"testTabPanel\" value=\"#{myBean.selectedTab}\"
selectedTab=\"#{myBean.selectedTab}\" switchType=\"client\"
style=\"width:100%; height: 465px\" contentClass=\"myTestDetailTabPanel\">
<rich:tab id=\"Detail\" label=\"TEST\">
<h:panelGrid columns=\"2\" style=\"table-layout:fixed; width:100%;\" cellpadding=\"3\" columnClasses=\"vcnDetailTextRight,textLeft\">
....Various rows and columns...
</h>
</rich:tab>
</rich:tabPanel>
<TABLE class=rich-tabpanel-content-position border=0 cellSpacing=0 cellPadding=10 width=\"100%\">
<TBODY>
<TR>
<TD class=\"rich-tabpanel-content myRequestsTabPanelLayout\">
<TABLE style=\"WIDTH: 100%; TABLE-LAYOUT: fixed\" cellPadding=3>
<TBODY>
<TR>
<TD><LABEL>test:</LABEL></TD>
<TD><SPAN>edwfrwefrewf</SPAN></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
.myRequestsTabPanelLayout {
height: 398px;
display: block;
overflow-x: hidden;
overflow-y: auto;
padding: 10px 0px 10px 0px;
#padding: 10px 15px 10px 15px;
margin-bottom: 15px;
}
没有找到相关结果
已邀请:
2 个回复
艾食魄轻县
<rich:tabPanel id=\"testTabPanel\" value=\"#{myBean.selectedTab}\" selectedTab=\"#{myBean.selectedTab}\" switchType=\"client\" style=\"width:100%; height: 465px\" contentClass=\"myTestDetailTabPanel\"> <rich:tab id=\"Detail\" label=\"TEST\"> <rich:panel styleClass=\"requestDetailPanel\"> <h:panelGrid columns=\"2\" style=\"table-layout:fixed; width:100%;\" cellpadding=\"3\" columnClasses=\"vcnDetailTextRight,textLeft\"> ....Various rows and columns... </h> </rich:panel> </rich:tab> </rich:tabPanel> .myTestDetailTabPanel { height: 380px; margin: 0px; padding: 0px; } .requestDetailPanel { height: 100%; overflow-y: auto; overflow-x: hidden; margin: 0px; padding: 0px 5px 0px 0px; border: none; }徘廷
属性：