Question

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

我正在尝试实现一个rich：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>

Answer 1

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

Answer 2

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

Richfaces无法正确呈现

2 个答案: