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> |