Question

JSF中如何动态生成文本框？

我想要实现这样的需求：在一个文本框里输入一个数字，比如5，点击一个按钮，在下面动态地生成5个新的文本框，请问如何实现？
我已经知道<c:forEach> 标签能够实现循环输出若干个控件，但是前提是数量是固定的，这个数量必须是在后台写好了的才行。
请问如何实现以上的需求？还请有过类似项目经历的人加以指点。
现在使用的是Primefaces框架。

Answer 1

很久没有关注JSF这些问题了。
这个其实很简单，你用Primefaces，我没有用过，我用richface，没关系，这些框架基本和核心都是一样的。dataTable 标签肯定是有的。
页面：
<rich:dataTable id="datatableId" cellpadding="0"
rowKeyVar="index" var="item"
value="#{myForm.dataList}">
<rich:column>
<f:facet name="header"> <h:outputText value="编号" />
</f:facet>
<h:outputText value="#{index+1}" />
</rich:column>
<rich:column>
<f:facet name="header"> <h:outputText value="文本框" />
</f:facet>
<h:inputText id="inputTextId" value="#{item.myInputText}" />
</rich:column>
</rich:dataTable>
页面上还要有你填写的增加文本框数量的值，还有一个点击的按钮。
这个值暂且定义为number,按钮调用的方法myMethod，用reRender="datatableId"动态刷新页面，实现ajax
<h:inputText id="inputTextId" value="#{myForm.number}" />
<a4j:commandButton action="#{myForm.myMethod}" reRender="datatableId"/>
xml配置文件：
<managed-bean>
<managed-bean-name>myForm</managed-bean-name>
<managed-bean-class>
com.***.MyForm
</managed-bean-class>
<managed-bean-scope>session</managed-bean-scope>
</managed-bean>
后台:
myForm类
public class MyForm{
private List<Data > dataList;
private int number;
一定记得写get/set方法
//点击按钮需要产生的方法。
public void myMethod(){
//对number做些判断，是不是字母，数字，空什么的……
//现在得到number
for(int i=0;i<number,i++){
Data data=new Data();
//需要加几行，就加几行
//data.setmyInputText("也可以给文本初始化一些值");
dataList.add(data);
}
}
}
Data 对象
public class Data {
private String myInputText;
一定记得写get/set方法
}
这样基本上就实现了你的需求，你肯定不仅仅是要初始化一个文本，其他的什么对象，你都可以自己去Data里面加。
希望对你有所帮助。

Answer 2

你这个情况下，用jquery岂不是更好？有兼容性问题。

Answer 3

你可以用js来动态生成文本框!!!

追问

这个知道。。。。。但是，俺想用JSF来实现啊。。。。。~~(>_<)~~

Answer 4

JSF2.0加入了ajax了 可以实现 异步刷新页面,可以关注一下

Answer 5

是要浏览器弹出来那种还是<p:dialog>这种？

追问

就是普通的文本框啊，或

追答

我个人感觉哈，你在bean里头，往facescontext里头直接加inputtext可能就好了。
我觉得直接加JS代码是最简单的办法。。。。