Question

我正在尝试将primefaces添加到现有的Spring / JSF（myfaces）项目中。我有实际的时间轴组件工作（或至少加载正确的数据），但事件监听器似乎无法正常工作。我尝试了很多配置，但似乎无法解决这个问题。

<p:timeline id="timeline1" 
        value="#{timelineView.getModel(searchFacade.dataModel)}" 
        editable="true" eventMargin="10" eventMarginAxis="0" 
        start="#{timelineView.start}" 
        end="#{timelineView.end}" 
        showNavigation="true" showButtonNew="true" 
        axisOnTop="true" stackEvents="false"
        oncomplete="styleEvents();">  

    <p:ajax event="changed" listener="#{timelineView.onEdit()}" oncomplete="restyleTimeline()" />  
</p:timeline>

在上面的代码中，触发了已更改的事件，并进行了AJAX调用。在浏览器的网络窗格中，我可以看到AJAX调用始终是当前页面的URL（就像/mypage.jsf ?conversationCode = a - 我明显也使用Apache Orchestra）

为更改的事件发送的实际表单数据如下所示：

javax.faces.partial.ajax:true
javax.faces.source:timeline1
javax.faces.partial.execute:timeline1
javax.faces.behavior.event:changed
javax.faces.partial.event:changed
timeline1_eventIdx:0
timeline1_startDate:1498881600000
timeline1_endDate:1510894800000
timeline1_group:<div class='timeline-group'><div class='timeline-row timeline-row-group'>Group One/div><div class='timeline-row timeline-row-sub'>Group One subtitle</div><div class='timeline-row timeline-row-details'>Group One details</div></div>
mainForm:j_id_mt_SUBMIT:1
javax.faces.ViewState: Big hash as usual

这个奇怪的长组名是因为我将输出组名称格式化为行btw的更详细的标题。

后面的bean（省略了导入和包）：

public class TimelineView<T> implements Serializable {
    private static final long serialVersionUID = 1L;

    TimelineView<T> timelineView;

    public TimelineModel getModel() {
        return timelineView.getModel();
    }
    public TimelineModel getModel(ListDataModel<? extends Row<T>> results) {  
        return timelineView.getModel(results);
    }
    public void setTimelineView(TimelineView<T> timelineView) {
        this.timelineView = timelineView;
    }
    public Date getStart() {  
        return timelineView.getStart();  
    }
    public Date getEnd() {  
        return timelineView.getEnd();  
    }
    public void onEdit(TimelineModificationEvent e) {
        timelineView.onEdit(e);
    }
    public void onSelect(TimelineSelectEvent e) {
        timelineView.onSelect(e);
    }
}

这些方法中的功能和代码并不重要，因为当我设置断点时，我可以看到onEdit方法从未被调用过，当我在时间轴中有select事件时，onSelect方法也都没有。

由于我有Spring处理所有bean，我的配置就是这个，位于ApplicationContext.xml文件中：

<bean id="timelineView" class="com.mycompany.projectone.view.timeline.TimelineView" />

我尝试在时间轴周围添加一个表单，没有任何区别，并且还尝试添加process =＆＃34;：form_id＆＃34;，这导致错误＆＃34;无法找到表达式组件＆＃ 34;：form_id＆＃34;＆＃34 ;.

作为一种也适合我需要的替代品，有没有人知道如何将primefaces事件发送到javascript函数进行处理？例如，如果用户在时间线中移动项目的起点和终点，我想更新显示的开始和结束日期。

我还想更改或拦截删除行为，并修改单击删除链接时发生的情况。

非常感谢任何帮助。感谢。

修改

建议的潜在重复不能解决症状或实际解决方案 - 请参阅下面的答案。

Answer 1

好的，答案结果是Primfaces timeline组件必须设置widgetVar才能使p:ajax和pe:javascript调用正常工作。令人难以置信的简单解决方案，但非常难以找到。

Primefaces时间轴onchanged执行但不调用bean

1 个答案: