PF: 5.3
PE: 4.0.0
here is my component definition:
Code: Select all
<h:form id="milestoneform" >
<pe:timeline id="timeline" value="#{milestoneViewBacking.timeline}" widgetVar="MilestoneTimline" var="EXDBMilestone"
axisOnTop="true" selectable="true" style="margin-bottom: 10px;" editable="true" showButtonNew="true" >
<p:ajax event="edit" listener="#{milestoneViewBacking.onEdit}" /> <!-- does not work. The event is not registered in firebug -->
<!-- <p:ajax event="select" listener="#{milestoneViewBacking.onSelect}" /> this works -->
<p:panelGrid styleClass="tab-grid-panel noBorders">
<p:row>
<p:column style="text-align: left; color: white;">
<h:outputText value="#{ EXDBMilestone.milestoneTypeID}">
</p:column>
</p:row>
<p:row >
<p:column style="text-align: left; color: white; font-size: 8pt;">
<h:outputText value="#{EXDBMilestone.targetDueDate}" >
</p:column>
</p:row>
</p:panelGrid>
</pe:timeline>
</h:form>
Code: Select all
public void onSelect(TimelineSelectEvent e) {
}
public void onEdit(TimelineModificationEvent e) {
// get clone of the TimelineEvent to be edited
selected_milestone = e.getTimelineEvent();
}
P.S: if any more info is required please let me know.
Thank you for your help.