View difference between Paste ID: SLJS1Pds and Rj0abpKP
SHOW: | | - or go back to the newest paste.
1
<?xml version='1.0' encoding='UTF-8' ?>
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
<html xmlns="http://www.w3.org/1999/xhtml"
4
      xmlns:h="http://java.sun.com/jsf/html"
5
      xmlns:f="http://java.sun.com/jsf/core"
6
      xmlns:p="http://primefaces.org/ui">
7
    <h:head>
8
        <title>State</title>
9
        <h:outputScript name="js/digit_only_textfield.js"/>           
10
    </h:head>
11
    <h:body>
12
        <h:form id="form" prependId="true">
13
            <p:messages id="systemMessages" showDetail="true" autoUpdate="false"/>
14
15
            <f:view>
16
                <f:metadata>
17
                    <f:viewParam name="id" id="paramId" value="#{stateManagedBean.id}" required="false" requiredMessage="The id is missing" maxlength="20" converterMessage="Invalid id."/>
18
                </f:metadata>
19
            </f:view>
20
21
            <p:contextMenu for="dataTable">
22
                <p:menuitem value="View" process=":form:dataTable" update="display" icon="ui-icon-search" oncomplete="dialogBox.show()"/>  
23
                <p:menuitem value="Delete" process=":form:dataTable" icon="ui-icon-close" onclick="confirmDeleteSingle.show()"/>  
24
            </p:contextMenu>
25
26
27
                <p:dataTable id="dataTable" 
28
                             var="state"
29
                             value="#{stateManagedBean}"
30
                             paginator="${true}" rows="3"
31
                             filteredValue="#{stateManagedBean.filteredValues}" 
32
33
                             editMode="row"
34
                             editable="true"
35
                             widgetVar="dataTableWidgetVar"
36
                             filterEvent="keyup"
37
                             rowIndexVar="rowIndex"
38
                             rowKey="#{state.stateId}"
39
                             rowsPerPageTemplate="5,10,15"
40
                             selection="#{stateManagedBean.selectedValues}"
41
                             lazy="true">
42
43
                 <f:facet name="header">  
44
                    Data
45
                </f:facet>
46
47
                <p:column selectionMode="multiple" style="width:2%; text-align: center;">
48
                    <f:facet name="footer">
49
                        <p:commandButton  icon="ui-icon ui-icon-close" oncomplete="confirmDeletemultiple.show()" process=":form:dataTable" ajax="true" update=":form:dataTable" type="submit"/>
50
                    </f:facet>
51
                </p:column>
52
53
                <p:ajax event="rowSelect"/>
54
                <p:ajax event="rowSelectCheckbox" listener="#{stateManagedBean.check}"/>
55
56
                <p:ajax event="rowEdit" listener="#{stateManagedBean.onRowEdit}" update=":form:dataTable :form:systemMessages :form:messages" process=":form:dataTable :form:systemMessages :form:messages"/>
57
                <p:ajax event="rowEditCancel" listener="#{stateManagedBean.onRowEditCancel}" update=":form:systemMessages :form:messages" process=":form:systemMessages :form:messages"/>
58
59
                <p:column headerText="Index">
60
                    <h:outputText value="#{rowIndex+1}" />
61
                </p:column>
62
63
                <p:column headerText="id" footerText="" id="id" sortBy="#{state.stateId}" filterMatchMode="contains" filterBy="#{state.stateId}" filterMaxLength="20">
64
                    <h:outputText value="#{state.stateId}" />
65
                </p:column>
66
67
                <p:column headerText="State" sortBy="#{state.stateName}" filterBy="#{state.stateName}" filterMaxLength="45">
68
                    <p:cellEditor>
69
                        <f:facet name="output">
70
                            <h:outputText value="#{state.stateName}" />                            
71
                        </f:facet>
72
                        <f:facet name="input">
73
                            <p:inputText value="#{state.stateName}" required="true" requiredMessage="State name is mandatory." style="width:100%"/>
74
                        </f:facet>
75
                    </p:cellEditor>
76
                </p:column>
77
78
                <p:column headerText="Country" sortBy="#{state.countryId.countryName}" filterBy="#{state.countryId.countryName}" filterMaxLength="45">                    
79
                    <p:cellEditor>
80
                        <f:facet name="output">
81
                            <h:outputText value="#{state.countryId.countryName}" />
82
                        </f:facet>
83
                        <f:facet name="input">
84
                            <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%;">
85
                                <f:selectItems var="country" value="#{stateManagedBean.countries}" rendered="true" itemLabel="${country.countryName}" itemValue="${country.countryId}" itemLabelEscaped="true"/>
86
                            </p:selectOneMenu>
87
                        </f:facet>
88
                    </p:cellEditor>
89
                </p:column>
90
91
                <p:column headerText="Edit" style="width:50px">
92
                    <p:rowEditor rendered="true"/>
93
                </p:column>
94
            </p:dataTable>
95
96
            <p:dialog id="dialog" header="State Details" resizable="false" widgetVar="dialogBox" showEffect="fade" hideEffect="explode">
97
                <p:dataList id="display" value="#{stateManagedBean.selectedValues}" var="selectedState">  
98
                    Id: #{selectedState.stateId}, State: #{selectedState.stateName}  
99
                </p:dataList>
100
            </p:dialog>
101
102
103
            <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">
104
                <p:commandButton id="confirmDeleteSingle"  value="Yes" process="@this dataTable messages" update="messages dataTable" oncomplete="confirmDeleteSingle.hide()" actionListener="#{stateManagedBean.deleteSingle}"/>
105
                <p:commandButton id="declineDeleteSingle" value="No" onclick="confirmDeleteSingle.hide()" type="button" />
106
            </p:confirmDialog>
107
108
            <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">                    
109
                <p:commandButton id="confirmDeleteMultiple"  value="Yes" process="@this dataTable messages" update="messages dataTable" oncomplete="confirmDeletemultiple.hide()" actionListener="#{stateManagedBean.deleteMultiple}"/>
110
                <p:commandButton id="declineDeleteMultiple" value="No" onclick="confirmDeletemultiple.hide()" type="button" />
111
            </p:confirmDialog>
112
113
            <p:growl id="messages" showDetail="true" sticky="false" autoUpdate="false"/>
114
        </h:form>
115
    </h:body>
116
</html>