javascript - 为什么未设置p:inputTextArea值？

我有这个表格：

<h:form id="productsForm">
	<p:dialog id="newProductDlg">
		<p:panelGrid>
			<p:outputLabel value="Name:"/>
				<p:inputText id="newProductName" value="#{productService.name}" />

				<p:outputLabel value="Category:"/>
				<p:selectOneMenu id="parentCategoryList"
					value="#{productService.category}">
					<f:selectItems var="currCateg" itemLabel="#{currCateg}"
						value="#{categoryService.categories}" itemValue="#{currCateg}" />
				</p:selectOneMenu>

				<p:outputLabel value="Price:"/>
				<p:spinner id="priceSpinner" value="#{productService.price}"/>

				<p:outputLabel value="Specifications:"/>
				<p:commandButton value="Add specifications"
					title="Open 'Add specifications' dialog"/>

				<f:facet name="footer">
                  <p:commandButton id="addNewProductBtn" value="Add new product"
						process="productsForm:specificationsArea productsForm:newProductDlg"
						actionListener="#{productService.createProduct}"/>
					<p:commandButton id="cancelAddingProd" value="Cancel"/>
				</f:facet>
			</p:panelGrid>
		</p:dialog>

		<p:dialog id="newSpecificationDlg">
			<p:panelGrid>
				<p:outputLabel value="Title:"/>
				<p:inputText id="newSpecificationTitle"/>

				<p:outputLabel value="Description:"/>
				<p:inputText id="newSpecificationDesc"/>

				<f:facet name="footer">
					<p:inputTextarea readonly="true" autoResize="false"
                        rows="7" id="specificationsArea"
						value="#{productService.specifications}">
					</p:inputTextarea>

					<p:commandButton value="Add new specification entry" id="addNewSpecifEntryBtn"
						update="productsForm:specMessages"
                      process="newSpecificationTitle newSpecificationDesc specMessages"/>

					<p:commandButton id="cancelAddingSpecif" value="Back"
						styleClass="CategDlgBtn dlgField" type="button"/>
				</f:facet>
		  </p:panelGrid>
		</p:dialog>
	</h:form>

在这里，textArea是类似于template的东西，向我们展示了如何在另一个页面上显示值。这就是为什么它是readonly的原因。

其工作方式如下：
1）在主对话框（newProductDlg）中，我写name，category和other参数，
2）我可以打开第二个对话框（newSpecificationDlg）并在那里写新的规范，
3）在newSpecificationDlg中有两个输入newSpecificationTitle和newSpecificationDesc。如果我按addNewSpecifEntryBtn，则通过javascript将这两个输入的值附加到specificationsArea的值上：

var title = newSpecificationTitle.value, desc = newSpecificationDesc.value;
if (title == null || desc == null || title.length == 0 || desc.length == 0)
    return;
specificationsArea.value = specificationsArea.value + title + ' : ' + desc
        + ';\n';

在这种情况下，永远不会调用setter的specifications。

那么，为什么会发生这种情况以及如何（以我为例）将p:inputTextArea的值保存到支持bean字段中？

最佳答案

Primefaces文档介绍了有关readonly的inputTextArea属性的信息


  指示此组件将阻止用户更改的标志。


这意味着该字段永远不会在客户端上更改，并且因为不会调用setter。

如果要使用p:inputTextArea来显示文本，可以将其与h:inputHidden字段组合在一起，在该字段中存储相同的值，并且可以在后备bean上读取此隐藏字段。

XHTML代码：

<p:inputTextarea readonly="true" autoResize="false"
    rows="7" id="specificationsArea"
    value="#{productService.specifications}">
</p:inputTextarea>
<h:inputHidden id="specificationsHidden" value="#{productService.specificationsHidden}"/>

JS代码：

var title = newSpecificationTitle.value, desc = newSpecificationDesc.value;
if (title == null || desc == null || title.length == 0 || desc.length == 0)
    return;
specificationsArea.value = specificationsArea.value + title + ' : ' + desc
            + ';\n';
specificationsHidden.value = specificationsArea.value + title + ' : ' + desc
            + ';\n';

附注：对不起，我的英语水平。

关于javascript - 为什么未设置p:inputTextArea值？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31230330/