Jsf 如果用户从页面浏览，请检查页面是否有修改

我有一个primefaces web应用程序，它由几个选项卡组成，用户可以在其中输入和编辑一些数据。如果用户编辑数据并希望保存该数据，则他会按下“保存”按钮，数据将被保存到数据库中。如果他想恢复输入，只需按下重置按钮

每个选项卡都是自己的include.xhtml页面

现在，我们要检查用户是否使用菜单导航或按下重置按钮，是否进行了一些更改，并询问他是否真的要浏览而不保存

你有什么建议吗

以下是选项卡的页面：

---

非常感谢

我会在单击tab时编写jQuery函数，并将其绑定到tab。在这个函数中，我将获取数据的内容，创建调用backingbean函数的数据。作为一个参数，我将从jQuery函数传递数据，并在backingbean中将其与存储数据的字段的值进行比较。如果这些东西不同，调用一个对话框和支持bean，你确定吗

    <p:tabView id="tabView" 
        activeIndex="#{management.activeTabIndex}"
        rendered="#{management.dataFetched}"
        styleClass="tab-view">

        <p:ajax event="tabChange" update=":tabForm" />

        <p:tab id="firstTab" title="First">
            <p:panel id="firstPanel" styleClass="info-panel">
                <ui:include src="/home/test/infoHost.xhtml" />
            </p:panel>
        </p:tab>

        <p:tab id="secondTab" title="Second">
            <p:panel id="secondPanel" styleClass="info-panel">
                <ui:include src="/home/test/infoDb.xhtml" />
            </p:panel>
        </p:tab>

        <p:tab id="thirdTab" title="Third">
            <p:panel id="thirdPanel" styleClass="info-panel">
                <ui:include src="/home/test/infoSt.xhtml" />
            </p:panel>
        </p:tab>
            </p:panel>
        </p:tab>
    </p:tabView>
</h:form>