页面如下:
<div class="float-left" style="position:relative;">
<h:selectManyListbox value="#{page.counterFirstNames}" size="10" immediate="true" id="firstName">
<f:ajax event="change" immediate="false" listener="#{page.getSecondName}"/>
<f:selectItems value="#{page.counterFirstNamesList}" />
</h:selectManyListbox>
</div>
其中<f:selectItems value="#{page.counterFirstNamesList}" />为展示在列表框里面的LIST,counterFirstNamesList为List<SelectItem>并且存放的是SelectItem,构造方法为SelectItem(Object,String),如果每次只取一个值Object就放成String。注意f:selectItem 和 f:selectItems区别,少一个S就是报转型错误的。
<h:selectManyListbox value="#{page.counterFirstNames}"这个VALUE存放的是你点击的值,若多选考虑使用LIST或数组。(效果见附件)
使用f:ajax出发change事件,每次点击一个值,都会得到点击的值,LOG如下
12:56:06.578 INFO - c.d.s.w.m.XXXXBean: counterFirstNames length :1
12:56:06.578 INFO - c.d.s.w.m.XXXXBean: Accounting
- 大小: 3.3 KB
分享到:
相关推荐
3. 在页面中使用自定义组件:现在可以在JSF视图文件中使用`<custom:head>`标签了,它可以替换默认的`<h:head>`。 ```xhtml <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h=...
在JSF(JavaServer Faces)框架中,`<h:selectOneMenu>` 是一个用于创建下拉选择框的组件,而 `<a4j:support>` 是RichFaces库提供的一种Ajax支持的标签,它允许我们实现页面的部分更新,提高用户体验。这篇博客文章...
其中,`<p:fileUpload>`组件是用于实现文件上传功能的一个重要元素。本篇文章将深入探讨如何使用PrimeFaces的`<p:fileUpload>`组件在JSF应用中实现实时、便捷的文件上传。 首先,让我们了解`<p:fileUpload>`的基本...
在JavaServer Faces (JSF)开发中,`rich:listShuttle`是RichFaces库中的一个非常实用的组件,主要用于实现列表项的双向选择和移动功能。例如,在用户界面中展示两个列表,并允许用户通过按钮将项目从一个列表移动到...
《基于<jsp:plugin>的多人聊天系统详解》...通过以上步骤,我们可以利用`<jsp:plugin>`在JSP环境中构建一个功能齐全的多人聊天系统,不仅展示了`<jsp:plugin>`的强大功能,也为Web开发中的实时交互提供了新的解决方案。
- 使用`<f:ajax>`标签监听第一个菜单的`valueChange`事件,触发后台方法。 - 在后台方法中,根据新选择的值更新第二个菜单的选项列表。 3. **更新视图**: - 使用`<f:ajax>`的`render`属性指定需要重新渲染的...
- **<h:selectManyListbox>**:多选列表框。 - **<h:selectManyMenu>**:多选下拉菜单。 - **<h:selectOneMenu>**:单选下拉菜单。 - **<h:selectOneListbox>**:单选列表框。 - **<h:selectOneRadio>**:单选按钮。...
10. JSF的表单处理通常由<h:form>标签包裹,例如:<h:form><h:commandButton value="提交" action="#{backBean.submitAction}"/></h:form>`<h:form>`是必需的,因为它定义了一个HTTP表单,JSF的所有组件都在这个范围...
例如,`<h:head>`和`<h:body>`分别用于渲染HTML的头部和主体,`<h:form>`创建HTML表单,`<h:outputStylesheet>`和`<h:outputScript>`用于添加CSS和JavaScript文件,`<h:inputText>`和`<h:inputTextarea>`是文本输入...
选择类标签允许用户在一组选项中进行选择,如`<h:selectOneMenu>`(单选下拉菜单)、`<h:selectManyCheckbox>`(多选复选框)和`<h:selectManyListbox>`(多选列表框)。这些标签通常与`<f:selectItem>`或`<f:...
例如,`<h:inputText>`用于创建一个文本输入框,它的`value`属性可以绑定到Managed Bean的属性,`id`属性用于唯一标识组件,`required`属性则用于指示该输入是否为必填项。 在JSF页面中,`<f:view>`是一个重要的...
<p style="text-align:center"> <h:outputLink value="/faces/add.jsp">添加一条</h:outputLink> <h:form> <h:dataTable value="#{loginBean.persons}" var="person" border="5" cellpadding="5" cellspacing...
- **简单表格**:使用`<h:dataTable>`或`<h:table>`等标签创建基本的表格结构。 - **表头、表尾**:可以使用`<f:facet>`来定义表头和表尾。 - **TableModel类**:用于处理表格数据的模型,提供了更高级的表格功能,...
- `<h:selectItem>`和`<h:selectItems>`:定义选择列表的选项。 4. **转换器和验证器**: - 在示例代码中,`PaymentBean`展示了如何创建一个管理支付信息的bean,包括金额、信用卡号和日期。这些字段可以通过JSF...
这里,我们使用了 `<p:panel>` 来创建一个带有标题的面板,并在其内部放置了一些内容。 ###### 4.1.3 TabView `<p:tabView>` 组件用于创建分页式面板,允许用户通过点击不同的标签来查看不同的内容。 示例代码...
此外,JSF的`<h:selectManyCheckbox>`和`<h:selectManyListbox>`标签则用于创建多选框和多选列表。它们的工作原理与`<h:selectOneMenu>`类似,只是可以同时选择多个选项。 ```html <h:selectManyCheckbox value="#{...