我有一个使用 JSFh:inputTextarea
的表单,如下所示:
索引.xhtml:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<h:head></h:head>
<h:body>
<div id="ContentFrame">
<h:form enctype="multipart/form-data">
<h:inputTextarea
id="termineesText"
value="#{controller.text}"/>
<h:commandButton
value="Upload and Continue"
type = "submit"
action="#{controller.respond}"/>
</h:form>
</div>
</h:body>
</html>
结果.xhtml:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<h:head></h:head>
<h:body>
<div id="ContentFrame">
<h:form enctype="multipart/form-data">
<h:inputTextarea
id="termineesText"
value="#{controller.text}"/>
<h:outputText value="#{controller.containsNewline}"/>
</h:form>
</div>
</h:body>
</html>
有了这个支持豆:
控制器.java:
package main;
import java.io.Serializable;
import javax.enterprise.context.SessionScoped;
import javax.inject.Named;
@Named("controller")
@SessionScoped
public class Controller implements Serializable {
private static final long serialVersionUID = 1L;
private String text;
private boolean containsNewline = false;
public String respond() {
return "result.xhtml";
}
public void setText(String value) {
if (value.contains("n") || value.contains("r")) {
containsNewline = true;
}
text = value;
}
public String getText() {return text;}
public String getContainsNewline()
{
return String.valueOf(containsNewline);
}
}
当用户在多行上输入文本(通过按 Enter 键)并提交表单时,换行符将在result.xhtml
的文本区域中消失。例如,如果用户输入:
美国广播公司
result.xhtml
的文本区域将其作为"abcabc",输出文本的计算结果为false
。当表单提交到服务器时,换行符似乎丢失了,这可以使用控制器中的containsNewLine
布尔值看到。
我已经阅读了许多关于为什么当文本来自服务器端时在 Web 浏览器上不显示换行符的文章,但我的情况正好相反,由于某种原因,新行没有从 Textarea 传输到支持豆。
我试过什么
我试过:
<pre><h:inputTextarea id="termineesText" styleClass="termineesTextInput" onchange="enableDisableSubmitBtn()" value="#{controller.termineesText}"/></pre>
在 CSS 中:
.termineesTextInput { white-space: pre; }
我正在使用的技术
JSF 2.2和 CDI 1.2 在 Websphere Application Server 上运行,我已经使用 Chrome 隐身窗口完成了大部分测试。
如何让换行符转移到后备属性?
正如@Kukeltje指出的那样,这里的问题是我对enctype="multipart/form-data"
的使用。由于某种原因,这会导致在表单提交到服务器时换行符丢失。如果您能够删除该编码并使用正常enctype="application/x-www-form-urlencoded"
那么这将为您解决问题。希望这对某人有所帮助。
对我来说,删除它不是一个选项,因为我在我的表单上使用文件上传控件,这需要使用multipart/form-data
。为了解决这个问题,我提出了一个新问题: 在 html 表单中使用 enctype="multipart/form-data" 时丢失换行符