2

我是richfaces的新手，在实施它时遇到了一些问题。

我正在尝试实现一个丰富的：tabPanel。但是它不会被渲染。标题的文本和第一个选项卡的内容显示为纯文本。我尝试在页面中插入另一个 rich:calendar 并且渲染正确。我正在使用丰富的 4.2.3

这是 tabPanel 的输出

Profile Enquiry LdapMgmt AccessMgmt 
«
↓
»
Profile Content

这是我的页面的缩小版

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:sec="http://www.springframework.org/security/tags"
xmlns:rich="http://richfaces.org/rich"
xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:form>
    <rich:panel>
        <rich:tabPanel switchType="ajax" headerAlignment="left"
            style="background-color:#B5CEFD;width:100%">
            <rich:tab label="Profile" name="Profile">Profile Content</rich:tab>
            <rich:tab label="Enquiry" name="Enquiry">
Enquiry Content
            </rich:tab>
            <rich:tab label="LdapMgmt" name="LdapMgmt">Ldap User Management</rich:tab>
            <rich:tab label="AccessMgmt" name="AccessMgmt">Account Access Management</rich:tab>
        </rich:tabPanel>
    </rich:panel>

4

2 回答 2

1

只需为 faces 组件编写自定义 CSS。发生这种情况是因为我没有使用默认样式，因此组件没有与之关联的样式。为组件创建自定义样式表解决了这个问题。

于 2014-03-02T16:04:45.050 回答
0

我添加这个以供参考。如果您使用 ajax 呈现选项卡并且未加载选项卡 css 文件，也会发生同样的情况。解决方案是确保在页面加载时加载选项卡 CSS，即使不显示选项卡也是如此。

于 2016-07-29T18:26:26.860 回答