我是JSF的新手,对于应用程序我很担心我要做多字段输入表单。
简而言之,用户在输入数据时应该有一个inputText,添加一个新的输入文本以便输入另一个数据的“添加”按钮。用户完成后,他会按下另一个提交按钮。 我寻找已经完成的东西,但我没有找到任何东西,所以我决定创建自己的自定义jsf组件
我们的想法是创建一个组合dataTable的组件,该组件包含datatable中每行的inputText,以及一个向绑定到数据表的集合添加行的按钮。
我正在查看jsf文档和书籍,但我有点困惑,我不确定是否可以创建这样的组件... 有人能帮助我吗? TIA
答案 0 :(得分:12)
可以做你想做的一切。
您可以使用现有控件构建与您想要的内容相近的内容。充分利用JSF的一个好方法是为视图定制模型。例如,此视图显示允许您向数据表添加值的编辑选项。
<f:view>
<h:form>
<h:dataTable value="#{people.list}" var="row">
<h:column>
<f:facet name="header">
<h:outputText value="#" />
</f:facet>
<h:selectBooleanCheckbox value="#{row.selected}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="First Name" />
</f:facet>
<h:inputText value="#{row.firstname}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Last Name" />
</f:facet>
<h:inputText value="#{row.lastname}" />
</h:column>
<f:facet name="footer">
<h:panelGroup>
<h:commandButton value="Add Row" action="#{people.addPerson}" />
<h:commandButton value="Delete Selected"
action="#{people.deleteSelected}" />
<h:commandButton value="Finish" action="#{people.finish}" />
</h:panelGroup>
</f:facet>
</h:dataTable>
</h:form>
</f:view>
人豆:
public class People implements Serializable {
private static final long serialVersionUID = 1L;
private List<Person> people = new ArrayList<Person>();
public People() {
// initialise with one entry
people.add(new Person());
}
public List<Person> getList() {
return people;
}
public String addPerson() {
people.add(new Person());
return null;
}
public String deleteSelected() {
Iterator<Person> entries = people.iterator();
while (entries.hasNext()) {
Person person = entries.next();
if (person.isSelected()) {
entries.remove();
}
}
return null;
}
public String finish() {
System.out.println(people);
return "someNavigationRule";
}
}
人豆:
public class Person implements Serializable {
private static final long serialVersionUID = 1L;
private String firstname;
private String lastname;
private transient boolean selected = false;
public String getFirstname() {
return firstname;
}
public void setFirstname(String firstname) {
this.firstname = firstname;
}
public String getLastname() {
return lastname;
}
public void setLastname(String lastname) {
this.lastname = lastname;
}
public boolean isSelected() {
return selected;
}
public void setSelected(boolean selected) {
this.selected = selected;
}
}
faces-config.xml中:
<managed-bean>
<managed-bean-name>people</managed-bean-name>
<managed-bean-class>addmultiple.People</managed-bean-class>
<managed-bean-scope>session</managed-bean-scope>
</managed-bean>
这种方法非常灵活,有些CSS,看起来相当不错。通过对视图和模型进行一些更改,您可以只编辑最后一行,例如。
如果结果体验不够丰富,或者您需要可以重复使用的内容,则可以创建自定义控件。如果不确切地知道你想要什么,很难进入细节,但你可能需要: