javascript - JSF Javascript 调用 Primefaces 组件

Question

嗨，我想从 java 脚本函数定期调用 back bean 我想刷新页面的面板而不是整个页面这是我在脚本中写的

$('#submitbutton').click();

<h:commandButton id="submitbutton" immediate="true" value="" styleClass="ui-day" style="border:0;display : none;" 
                            action="#{liveGraphBean.plotInterval1('daily')}" >  

我不想刷新，而是只想刷新页面的面板

<p:panel id="dailyGraphPanel">
                    <div id="chartdiv" style="width: 100%; height: 400px;"></div>
                </p:panel>

那我该怎么做呢，谢谢

Answer 1

您可以使用 Primeface 民意调查标签

http://www.primefaces.org/showcase/ui/ajax/poll.xhtml

http://www.primefaces.org/showcase/ui/ajax/remoteCommand.xhtml

<h:commandButton id="submitbutton" immediate="true" value="Submit" styleClass="ui-day" style="border:0;display : none;" action="#{liveGraphBean.plotInterval1('daily')}">
    <f:ajax render="dailyGraphPanel" execute="@this"/>
</h:commandButton>

或者

<p:commandButton id="submitbutton" immediate="true" value="Submit" styleClass="ui-day" style="border:0;display : none;" action="#{liveGraphBean.plotInterval1('daily')}" update="dailyGraphPanel" process="@this" />

<h:panelGroup id="dailyGraphPanel">
  <div id="chartdiv" style="width: 100%; height: 400px;"></div>
</h:panelGroup>