1
嗨,大家好,有任何可能的方法来添加下一个按钮在主要面孔和更改tabview中的标签,当用户点击下一个按钮.....如何更改PrimeFaces onclick按钮中的选项卡?
我在做什么是注册过程,我得到6个选项卡,我使用tabview选项在主要面中。我需要底部的两个按钮Next和Previous,这样当用户单击下一个按钮时,选项卡应该会更改。我尝试过各种东西,但它根本不起作用任何一个可以帮我请..
这里是我的示例代码的理解
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:rich="http://richfaces.org/rich">
<h:head>
<title> Registration</title>
<script src="Js/validator.js" type="text/javascript"/>
</h:head>
<h:body>
<h:form id="msform">
<center><h1>REGISTRATION</h1></center>
<p:tabView style="width: 900px;padding-top: 10px;position: relative;left:200px; background-color: seashell" id="tabView" >
<p:tab titleStyle="background-color: #F0E68C;" id="tab1" titleStyleClass="tabclick" title="Personal Info">
<p:fieldset>
</p:fieldset>
</p:tab>
<p:tab titleStyle="background-color: #DB7093" id="tab2" titleStyleClass="tabclick" title="Contact">
<p:fieldset>
</p:fieldset>
</p:tab>
<p:tab id="tab3" titleStyleClass="tabclick" titleStyle="background-color:#FFDAB9" title="College Education">
<p:fieldset>
</p:fieldset>
</p:tab>
<p:tab id="tab4" titleStyleClass="tabclick" titleStyle="background-color: #87CEEB" title="School Education">
<p:fieldset>
</p:fieldset>
</p:tab>
<p:tab id="tab5" titleStyleClass="tabclick" titleStyle="background-color: #F08080" title="Work Preference">
<p:fieldset>
</p:fieldset>
</p:tab>
<p:tab id="tab6" titleStyleClass="tabclick" titleStyle="background-color: #9ACD32" title="Finish">
<p:fieldset>
</p:fieldset>
</p:tab>
</p:tabView>
</h:form>
</h:body>
</html>
我的CSS
html {
background: url(../images/bluebg4.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#msform fieldset {
background: white;
border: 0 none;
border-radius: 3px;
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
padding: 20px 30px;
box-sizing: border-box;
width: 100%;
}
我想要什么是两个按钮,可以帮助我的用户更改下一个选项卡点击下一个按钮和前一个选项卡点击上一个按钮。 这是可能的。 请帮助在此先感谢...
感谢您的答复,这件事是我不想要将它连接到我的服务器我只希望所有这一切都发生在客户端直到我到达最后一个选项卡,我提交,那当我wwuould连接到服务器。有没有其他的方式来做到这一点,而不使用或引用服务器。 – Vicky