jsf试图更新我的表格

Question

我正在尝试建立一个在mysql数据库上读取和存储数据的在线考试系统。

现在我正在尝试创建问题页面，我愿意在页面上只提出一个问题，用户可以通过单击“上一个”单击“下一个”或“回到上一个问题”来转到下一个问题，所以我的问题是如何让h：commandButton在用户点击下一个baring时更新问题和答案选项，记住问题编号可能会有所不同。

到目前为止我所拥有的是一个托管bean，它有一个列表并且能够在网页中检索此列表，但所有问题都在同一页面上。

    <h:form>
        <ui:repeat value="#{mbQuestion.questions}" var="value">

            <h3 align="left" style="color: white;">
                Question #{value.id} <br />
            </h3>


            <h3 align="left" style="color: white;">
                #{value.questionTxt} <br />
            </h3>
            <div class="ui-grid ui-grid-responsive"
                style="width: 10%; color: white;">
                <div class="ui-grid-row">
                    <div class="ui-grid-col-1">
                        <input type="checkbox" name="cb1" id="cb1_1" value="1" />
                    </div>
                    <div class="ui-grid-col-11">
                        <label for="cb1_1" class="ui-widget"> 1</label>
                    </div>
                </div>
                <div class="ui-grid-row">
                    <div class="ui-grid-col-1">
                        <input type="checkbox" name="cb1" id="cb1_2" value="2" />
                    </div>
                    <div class="ui-grid-col-11">
                        <label for="cb1_2" class="ui-widget">Option 2</label>
                    </div>
                </div>
                <div class="ui-grid-row">
                    <div class="ui-grid-col-1">
                        <input type="checkbox" name="cb1" id="cb1_3" value="3" />
                    </div>
                    <div class="ui-grid-col-11">
                        <label for="cb1_3" class="ui-widget">Option 3</label>
                    </div>
                </div>
            </div>

        </ui:repeat>
    </h:form>

有人可以建议如何做到吗？