<p:calendar inline =“ inline”>:如何在“下一个”和“上一个”按钮上加载事件,点击

时间:2019-03-18 09:45:06

标签: jsf primefaces

我想通过单击“ p:calendar”的上一个和下一个按钮来调用方法,并且参数应为p:calendar的开始和结束日期。 其实想实现懒加载事件的概念,但是我不想使用主要面孔的时间表。 我已经尝试过使用这种方法来创建延迟加载方法,但是一旦我单击上一个或下一个按钮后,它便无法正常工作。

任何帮助将不胜感激。

这是我尝试过的代码。

<?xml version="1.0"?>
<f:view xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>

</h:head>


<h:body >

    <h:form id="passedcommingevent">
    <p:remoteCommand name="datePickerNext" actionListener="#{eventController.datePickerNext}"></p:remoteCommand>
    <p:remoteCommand name="datePickerPrevious" actionListener="#{eventController.datePickerPrevious}"></p:remoteCommand>
    <p:calendar selectOtherMonths="true" showOtherMonths="true" value="#{eventController.today}" mode="inline" />
    </h:form>
</h:body>

<script  type="text/javascript" >
 $(document).ready(function(){
      $(".ui-datepicker-prev").click(function(){
          datePickerPrevious();
          console.log("Previous");
      });
      $(".ui-datepicker-next").click(function(){
          datePickerNext();
        console.log("Next");
      });
    });
</script>

0 个答案:

没有答案