Untitled

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>State</title>
        <h:outputScript name="js/digit_only_textfield.js"/>
    </h:head>
    <h:body>
        <h:form id="form" prependId="true">
            <p:messages id="systemMessages" showDetail="true" autoUpdate="false"/>

            <f:view>
                <f:metadata>
                    <f:viewParam name="id" id="paramId" value="#{stateManagedBean.id}" required="false" requiredMessage="The id is missing" maxlength="20" converterMessage="Invalid id."/>
                </f:metadata>
            </f:view>

            <p:contextMenu for="dataTable">
                <p:menuitem value="View" process=":form:dataTable" update="display" icon="ui-icon-search" oncomplete="dialogBox.show()"/>
                <p:menuitem value="Delete" process=":form:dataTable" icon="ui-icon-close" onclick="confirmDeleteSingle.show()"/>
            </p:contextMenu>


                <p:dataTable id="dataTable"
                             var="state"
                             value="#{stateManagedBean}"
                             paginator="${true}" rows="3"
                             filteredValue="#{stateManagedBean.filteredValues}"

                             editMode="row"
                             editable="true"
                             widgetVar="dataTableWidgetVar"
                             filterEvent="keyup"
                             rowIndexVar="rowIndex"
                             rowKey="#{state.stateId}"
                             rowsPerPageTemplate="5,10,15"
                             selection="#{stateManagedBean.selectedValues}"
                             lazy="true">

                 <f:facet name="header">
                    Data
                </f:facet>

                <p:column selectionMode="multiple" style="width:2%; text-align: center;">
                    <f:facet name="footer">
                        <p:commandButton  icon="ui-icon ui-icon-close" oncomplete="confirmDeletemultiple.show()" process=":form:dataTable" ajax="true" update=":form:dataTable" type="submit"/>
                    </f:facet>
                </p:column>

                <p:ajax event="rowSelect"/>
                <p:ajax event="rowSelectCheckbox" listener="#{stateManagedBean.check}"/>

                <p:ajax event="rowEdit" listener="#{stateManagedBean.onRowEdit}" update=":form:dataTable :form:systemMessages :form:messages" process=":form:dataTable :form:systemMessages :form:messages"/>
                <p:ajax event="rowEditCancel" listener="#{stateManagedBean.onRowEditCancel}" update=":form:systemMessages :form:messages" process=":form:systemMessages :form:messages"/>

                <p:column headerText="Index">
                    <h:outputText value="#{rowIndex+1}" />
                </p:column>

                <p:column headerText="id" footerText="" id="id" sortBy="#{state.stateId}" filterMatchMode="contains" filterBy="#{state.stateId}" filterMaxLength="20">
                    <h:outputText value="#{state.stateId}" />
                </p:column>

                <p:column headerText="State" sortBy="#{state.stateName}" filterBy="#{state.stateName}" filterMaxLength="45">
                    <p:cellEditor>
                        <f:facet name="output">
                            <h:outputText value="#{state.stateName}" />
                        </f:facet>
                        <f:facet name="input">
                            <p:inputText value="#{state.stateName}" required="true" requiredMessage="State name is mandatory." style="width:100%"/>
                        </f:facet>
                    </p:cellEditor>
                </p:column>

                <p:column headerText="Country" sortBy="#{state.countryId.countryName}" filterBy="#{state.countryId.countryName}" filterMaxLength="45">
                    <p:cellEditor>
                        <f:facet name="output">
                            <h:outputText value="#{state.countryId.countryName}" />
                        </f:facet>
                        <f:facet name="input">
                            <p:selectOneMenu id="cmbCountryMenu" value="#{state.countryId.countryId}" rendered="true" editable="false" converter="#{longConverter}" converterMessage="The supplied value is incorrect." required="true" requiredMessage="Select an appropriate option." style="width:100%;">
                                <f:selectItems var="country" value="#{stateManagedBean.countries}" rendered="true" itemLabel="${country.countryName}" itemValue="${country.countryId}" itemLabelEscaped="true"/>
                            </p:selectOneMenu>
                        </f:facet>
                    </p:cellEditor>
                </p:column>

                <p:column headerText="Edit" style="width:50px">
                    <p:rowEditor rendered="true"/>
                </p:column>
            </p:dataTable>

            <p:dialog id="dialog" header="State Details" resizable="false" widgetVar="dialogBox" showEffect="fade" hideEffect="explode">
                <p:dataList id="display" value="#{stateManagedBean.selectedValues}" var="selectedState">
                    Id: #{selectedState.stateId}, State: #{selectedState.stateName}
                </p:dataList>
            </p:dialog>


            <p:confirmDialog id="confirmDialogDeleteSingle"  widgetVar="confirmDeleteSingle" message="You're about to delete this row. Attention this action will never be undone. Are you sure?" header="Initiated deletin of row." severity="alert">
                <p:commandButton id="confirmDeleteSingle"  value="Yes" process="@this dataTable messages" update="messages dataTable" oncomplete="confirmDeleteSingle.hide()" actionListener="#{stateManagedBean.deleteSingle}"/>
                <p:commandButton id="declineDeleteSingle" value="No" onclick="confirmDeleteSingle.hide()" type="button" />
            </p:confirmDialog>

            <p:confirmDialog id="confirmDialogDeleteMultiple"  widgetVar="confirmDeletemultiple" message="You're about to delete row(s). Attention this action will never be undone. Are you sure?" header="Initiated deletin of row." severity="alert">
                <p:commandButton id="confirmDeleteMultiple"  value="Yes" process="@this dataTable messages" update="messages dataTable" oncomplete="confirmDeletemultiple.hide()" actionListener="#{stateManagedBean.deleteMultiple}"/>
                <p:commandButton id="declineDeleteMultiple" value="No" onclick="confirmDeletemultiple.hide()" type="button" />
            </p:confirmDialog>

            <p:growl id="messages" showDetail="true" sticky="false" autoUpdate="false"/>
        </h:form>
    </h:body>
</html>