03-optional-course-allocation/web/WEB-INF/resources/ezcomp/dataTable.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:cc="http://xmlns.jcp.org/jsf/composite"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui" xmlns:f="http://xmlns.jcp.org/jsf/core"
      xml:lang="en" lang="en">
<head>
    <title>Title</title>
</head>
<body>
<cc:interface>
    <cc:attribute name="title"/>
    <cc:attribute name="dataView" type="ro.uaic.info.javatechnologies.optcourses.beans.DataView"/>
</cc:interface>
<cc:implementation>
    <h:form id="form">
        <p:growl id="msgs" showDetail="true"/>
        <p:dataTable id="dataTable"
                     value="#{cc.attrs.dataView.entities}"
                     var="entity"
                     editable="true"
                     editMode="cell"
                     widgetVar="cellEntity"
                     rowKey="#{entity.id}">
            <p:ajax event="cellEdit" listener="#{cc.attrs.dataView.onCellEdit}" />

            <p:column headerText="Id">
                <h:outputText value="#{entity.id}" />
            </p:column>
            <cc:insertFacet name="header"/>
            <cc:insertChildren/>
            <f:facet name="footer">
                <p:commandButton id="addBtn" update="dataTable" action="#{cc.attrs.dataView.save}" value="Save"/>
            </f:facet>
        </p:dataTable>

        <p:contextMenu for="dataTable" rowIndexVar="row" widgetVar="cMenu">
            <p:menuitem value="Edit Cell" icon="ui-icon-search" onclick="PF('cellEntity').showCellEditor();return false;"/>
            <p:menuitem value="Hide Menu" icon="ui-icon-close" onclick="PF('cMenu').hide()"/>
        </p:contextMenu>


    </h:form>
</cc:implementation>
</body>
</html>