向导，单击选项卡并重定向到它答案

【问题标题】：Wizard, click in tab and redirect to it向导，单击选项卡并重定向到它
【发布时间】：2021-09-27 12:03:04
【问题描述】：

我正在使用 primefaces 中的向导，行为是常规的，几个选项卡，单击下一步进入下一步，单击返回返回，onflowproces 等。问题是在某些情况下您可以输入以只读模式访问页面，因为在这种情况下不需要通过每一步才能到达某个步骤，我想找到在选项卡中单击并重定向的方法。

该向导包含 8 个选项卡，每个选项卡都可以通过在 url 参数中添加选项卡的 id 来访问，我唯一要做的就是找到一种方法来单击选项卡并重定向到选项卡的 url .

有没有办法做到这一点？谢谢！

【问题讨论】：

PF 版本？如果您绑定step="#{bean.mystep}，那么您可以修改服务器端的值并更新您直接进入该步骤的向导。
感谢您的回答，我正在使用 primefaces 6.2。如果我没理解错，你说的我已经有了，我需要的是点击标签并重定向到它。我缺少的部分是“转换”按钮中的选项卡

标签： primefaces wizard

【解决方案1】：

为了将向导的名称作为指向其选项卡的链接，我像这样覆盖 WizardRenderer：

    package myImportantPackage;  
 
    import java.io.IOException;

    import javax.faces.component.UIComponent;
    import javax.faces.context.FacesContext;
    import javax.faces.context.ResponseWriter;

    import org.primefaces.component.tabview.Tab;
    import org.primefaces.component.wizard.Wizard;
 
  
    public class WizardRenderer extends org.primefaces.component.wizard.WizardRenderer {
             
            @Override
            protected void encodeStepStatus(FacesContext context, Wizard wizard) throws IOException {
                ResponseWriter writer = context.getResponseWriter();
                String currentStep = wizard.getStep();
                boolean currentFound = false;
         
                writer.startElement("ul", null);
                writer.writeAttribute("class", Wizard.STEP_STATUS_CLASS + " wizard-panels", null);
                int i = 0;
                for(UIComponent child : wizard.getChildren()) {
                    if(child instanceof Tab && child.isRendered()) {
                        Tab tab = (Tab) child;
                        boolean active = (!currentFound) && (currentStep == null || tab.getId().equals(currentStep));
                        String titleStyleClass = active ? Wizard.ACTIVE_STEP_CLASS : Wizard.STEP_CLASS;
                        if(tab.getTitleStyleClass() != null) {
                            titleStyleClass = titleStyleClass + " " + tab.getTitleStyleClass();
                        }
                         
                        if(active) {
                            currentFound = true;
                        }
         
                        writer.startElement("li", null);
                        writer.writeAttribute("class", titleStyleClass, null);
                        if(tab.getTitleStyle() != null) writer.writeAttribute("style", tab.getTitleStyle(), null);
                         
                        writer.startElement("a", null);
                        final String wiz = wizard.resolveWidgetVar();
                        writer.writeAttribute("href", "javascript:PF('"+wiz+"').loadStep(PF('"+wiz+"').cfg.steps["+i+"], false)", null);
                        if (tab.getTitletip() != null) writer.writeAttribute("title", tab.getTitletip(), null);
                        writer.write(tab.getTitle());
                        writer.endElement("a");
                         
                        writer.endElement("li");
                        i++;
                    }
                }
         
                writer.endElement("ul");
            }    
        }

并在faces-config.xml注册，像这样

<renderer>
    <component-family>org.primefaces.component</component-family>
    <renderer-type>org.primefaces.component.WizardRenderer</renderer-type>
    <renderer-class>myImportantPackage.WizardRenderer</renderer-class>
</renderer>

【讨论】：

嘿，你太棒了，它的工作！非常感谢！