editvoucher.xhtml

模拟简单的会计信息录入管理应用

<f:view xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:w="http://www.apusic.com/jsf/widget" xmlns:layout="http://www.apusic.com/jsf/layout"
	xmlns:ajax="http://www.apusic.com/jsf/ajax" xmlns:h="http://java.sun.com/jsf/html" xmlns:om="http://www.apusic.com/jsf/misc"
	renderKitId="AJAX">
	<w:head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	</w:head>
	<w:page title="Edit Voucher">
		<om:useBean value="editVoucherBean"></om:useBean>
						<w:form style="height:100%">
			<layout:panelGrid columns="4">
				<layout:cell rowspan="2" style="width: 170px;">
					<layout:panelGrid columns="2">
						<layout:cell style="padding-right: 10px;" align="right">
							<h:outputLabel for="name"></h:outputLabel>:
				</layout:cell>
						<layout:cell align="left">
							<w:textField id="name" width="80"></w:textField>
						</layout:cell>
						<layout:cell style="padding-right: 10px;" align="right">
							<h:outputLabel for="number"></h:outputLabel>:
				</layout:cell>
						<layout:cell align="left">
							<w:textField id="number" width="80"></w:textField>
						</layout:cell>
					</layout:panelGrid>
				</layout:cell>
				<layout:cell rowspan="2" style="width:200px;">
					<layout:panelGrid columns="2">
						<layout:cell style="padding-right: 10px;" align="right">
							<h:outputLabel for="localDebitAmout"></h:outputLabel>:
				</layout:cell>
						<layout:cell align="left">
							<w:numberField id="localDebitAmout" width="80"></w:numberField>
						</layout:cell>
						<layout:cell style="padding-right: 10px;" align="right">
							<h:outputLabel for="localCreditAmount"></h:outputLabel>:
				</layout:cell>
						<layout:cell align="left">
							<w:numberField id="localCreditAmount" width="80"></w:numberField>
						</layout:cell>
					</layout:panelGrid>
				</layout:cell>
				<layout:cell rowspan="2" style="width:170px;">
					<layout:panelGrid columns="2">
						<layout:cell style="padding-right: 10px;" align="right">
							<h:outputLabel for="currencySign"></h:outputLabel>:
				</layout:cell>
						<layout:cell align="left">
							<w:combo id="currencySign" width="80"></w:combo>
						</layout:cell>
						<layout:cell style="padding-right: 10px;" align="right">
							<h:outputLabel for="periodNumber"></h:outputLabel>:
				</layout:cell>
						<layout:cell align="left">
							<w:combo id="periodNumber" width="80"></w:combo>
						</layout:cell>
					</layout:panelGrid>
				</layout:cell>
				<layout:cell rowspan="2" style="width:140px;">
					<layout:panelGrid columns="2">
						<layout:cell style="padding-right: 10px;" align="right">
							<h:outputLabel for="cashierName"></h:outputLabel>:
				</layout:cell>
						<layout:cell align="left">
							<w:combo id="cashierName" width="80"></w:combo>
						</layout:cell>
						<layout:cell style="padding-right: 10px;" align="right">
							<h:outputLabel for="posterName"></h:outputLabel>:
				</layout:cell>
						<layout:cell align="left">
							<w:combo id="posterName" width="80"></w:combo>
						</layout:cell>
					</layout:panelGrid>
				</layout:cell>
				<layout:cell rowspan="2" style="width: 200px;">
					<layout:panelGrid columns="2">
						<layout:cell style="padding-right: 10px;" align="right">
							<h:outputLabel for="isCheck"></h:outputLabel>:
				</layout:cell>
						<layout:cell align="left">
							<w:combo id="isCheck" width="80"></w:combo>
						</layout:cell>
						<layout:cell style="padding-right: 10px;" align="right">
							<h:outputLabel for="voucherTypeName"></h:outputLabel>:
				</layout:cell>
						<layout:cell align="left">
							<w:combo id="voucherTypeName" width="80"></w:combo>
						</layout:cell>
					</layout:panelGrid>
				</layout:cell>
				<layout:cell rowspan="2" style="width:260px;">
					<layout:panelGrid columns="2">

						<layout:cell style="padding-right: 10px;" align="right">
							<h:outputLabel for="bookedDate"></h:outputLabel>:
				</layout:cell>
						<layout:cell align="left">
							<w:dateField id="bookedDate" width="100">
								<f:convertDateTime pattern="yyyy-M-dd" timeZone="GMT+8" />
							</w:dateField>
						</layout:cell>
						<layout:cell style="padding-right: 10px;" align="right">
							<h:outputLabel for="hasCashAccount"></h:outputLabel>:
				</layout:cell>
						<layout:cell align="left">
							<w:combo id="hasCashAccount" width="100"></w:combo>
						</layout:cell>
					</layout:panelGrid>
				</layout:cell>
				<layout:cell rowspan="2" style="width:260px;">
				<layout:panelGrid columns="2">
				<layout:cell style="padding-right: 10px;" align="right" rowspan="2">
					<h:outputLabel for="voucherAbstract"></h:outputLabel>:
				</layout:cell>
				<layout:cell style="width:150px;" align="left"  rowspan="2">
					<w:textArea id="voucherAbstract"></w:textArea>
				</layout:cell>
				</layout:panelGrid>
				</layout:cell>
			</layout:panelGrid>
			<div style="width:100%;height:200px;">
			<w:editDataGrid var="voucherEntryData" id="voucherEntry_grid" paged="true" rows="10"
				toolBarPosition="top" singleSelect="true">
				<w:outputColumn id="seq" header="#{editVoucherBean.seqHeader}">
					<w:numberField id="seqEdit" allowBlank="false"></w:numberField>
				</w:outputColumn>
				<w:outputColumn id="isCheck" header="#{editVoucherBean.isCheckHeader}" converter="booleanConverter">
					<w:combo id="isCheckEdit" forceSelection="true" allowBlank="false" >
					</w:combo>
				</w:outputColumn>
				<w:outputColumn id="price" header="#{editVoucherBean.priceHeader}">
					<w:numberField id="priceEdit" allowBlank="false"></w:numberField>
				</w:outputColumn>
				<w:outputColumn id="quantity" header="#{editVoucherBean.quantityHeader}">
					<w:numberField id="quantityEdit" allowBlank="false"></w:numberField>
				</w:outputColumn>
				<!-- 由于关联对象的属性绑定在IoVC中尚未支持，在此暂且用EL表达式绑定。 -->
				<w:outputColumn id="accountViewName" header="#{editVoucherBean.accountViewNameHeader}" value="#{voucherEntryData.accountView.id}">
					<w:combo id="accountViewNameEdit" allowBlank="false">
						<f:selectItems id="accountViewNameItems"/>
					</w:combo>
				</w:outputColumn>
				<w:outputColumn id="currencySign" header="#{editVoucherBean.currencySignHeader}" value="#{voucherEntryData.currency.id}">
					<w:combo id="currencySignEdit" allowBlank="false">
						<f:selectItems id="currencySignItems"/>
					</w:combo>
				</w:outputColumn>
				<w:outputColumn id="cashierName" header="#{editVoucherBean.cashierNameHeader}" value="#{voucherEntryData.cashier.id}">
					<w:combo id="cashierNameEdit" allowBlank="false">
						<f:selectItems id="personNameItems"/>
					</w:combo>
				</w:outputColumn>
				<w:outputColumn id="description" header="#{editVoucherBean.descriptionHeader}">
					<w:textField id="descriptionEdit" allowBlank="false"></w:textField>
				</w:outputColumn>
				<w:outputColumn id="localAmount" header="#{editVoucherBean.localAmountHeader}">
					<w:numberField id="localAmountEdit" allowBlank="false"></w:numberField>
				</w:outputColumn>
				<w:pagingToolbar for="voucherEntry_grid">
						<w:separator />
						<w:button id="add" image="../../icons/new.png" />
						<w:button id="remove" image="../../icons/remove.png" />
						<!-- <w:button id="voucherAssistRecord" image="../../icons/voucherAssistRecord.png" /> -->
					</w:pagingToolbar>
			</w:editDataGrid>
			</div>
			<div align="center" style="width: 100%;padding-top: 10px;">
			<w:button id="save"/>
			</div>
			
<!-- 
				<layout:window id="voucherAssistRecordWindow" modal="true" width="400" height="300">
					<w:editDataGrid id="voucherAssistRecord_grid" toolBarPosition="top"
						style="width:100%;height: 250px;" autoHeight="true">
						<w:outputColumn id="assistRecordId" hidden="true"></w:outputColumn>
						<w:outputColumn id="assistRecordSeq" header="#{editVoucherBean.seqHeader}"
							editor="assistRecordSeqEditor"></w:outputColumn>
						<w:numberInputColumn id="assistRecordSeqEditor"></w:numberInputColumn>
						<w:outputColumn id="assistRecordOriginalAmount"
							header="#{editVoucherBean.originalAmountHeader}" editor="assistRecordOriginalAmountEditor"></w:outputColumn>
						<w:numberInputColumn id="assistRecordOriginalAmountEditor"></w:numberInputColumn>
						<w:outputColumn id="assistRecordLocalAmount" header="#{editVoucherBean.localAmountHeader}"
							editor="assistRecordLocalAmountEditor"></w:outputColumn>
						<w:numberInputColumn id="assistRecordLocalAmountEditor"></w:numberInputColumn>
						<w:outputColumn id="assistRecordQuantity" header="#{editVoucherBean.quantityHeader}"
							editor="assistRecordQuantityEditor"></w:outputColumn>
						<w:numberInputColumn id="assistRecordQuantityEditor"></w:numberInputColumn>
						<w:outputColumn id="assistRecordSettlementCode"
							header="#{editVoucherBean.settlementCodeHeader}" editor="assistRecordSettlementCodeEditor"></w:outputColumn>
						<w:numberInputColumn id="assistRecordSettlementCodeEditor"></w:numberInputColumn>
						<w:outputColumn id="assistRecordInvoiceNumber" header="#{editVoucherBean.invoiceNumberHeader}"
							editor="assistRecordInvoiceNumberEditor"></w:outputColumn>
						<w:numberInputColumn id="assistRecordInvoiceNumberEditor"></w:numberInputColumn>
						<w:pagingToolbar for="voucherAssistRecord_grid">
							<w:button id="addAssistRecord" image="../../icons/new.png" />
							<w:button id="removeAssistRecord" image="../../icons/remove.png" />
						</w:pagingToolbar>
					</w:editDataGrid>
				</layout:window>
				 -->
			</w:form>
	</w:page>
</f:view>