一个简单的下拉列表
2011-07-18 22:03
309 查看
实现功能:列出所有的部门,并根据选择的部门名称列出该部门下的所有员工。
1.页面主要代码:
<af:table value="#{bindings.EmployeesView1.collectionModel}"
var="row" rows="#{bindings.EmployeesView1.rangeSize}"
emptyText="#{bindings.EmployeesView1.viewable ? 'No data to display.' : 'Access Denied.'}"
fetchSize="#{bindings.EmployeesView1.rangeSize}"
rowBandingInterval="0"
filterModel="#{bindings.EmployeesView1Query.queryDescriptor}"
queryListener="#{bindings.EmployeesView1Query.processQuery}"
filterVisible="true"
varStatus="vs" (主要使用这个)
selectedRowKeys="#{bindings.EmployeesView1.collectionModel.selectedRow}"
selectionListener="#{bindings.EmployeesView1.collectionModel.makeCurrent}"
rowSelection="single" id="t1">
在目标字段里加上facet:
<af:column sortProperty="DepartmentId" filterable="true"
sortable="true"
headerText="#{bindings.EmployeesView1.hints.DepartmentId.label}"
id="c11">
<af:outputText value="#{row.DepartmentId}" id="ot4">
<af:convertNumber groupingUsed="false"
pattern="#{bindings.EmployeesView1.hints.DepartmentId.format}"/>
</af:outputText>
----------从下面开始---------
<f:facet name="filter">
<af:selectOneChoice value="#{vs.filterCriteria.DepartmentId}"
label="Label 1" id="soc1">
<af:forEach items="#{bindings.DepartmentsView1.rangeSet}"
var="rowlist">
<f:selectItem itemLabel="#{rowlist.DepartmentName}"
itemValue="#{rowlist.DepartmentId}"/>
</af:forEach>
</af:selectOneChoice>
</f:facet>
----------到上面结束---------
</af:column>
2.加上绑定。
(1)Tab页从Source切换到Bindings,点击绿色加号,在弹出窗体Insert Item里选择tree,点中OK.
(2)在窗体Create Tree Binding中,做一下设置:
a.Root Data Source:你可以从下拉列表中选择或者点击Add按钮添加。
b.Tree Level Rules:点击绿色加号按钮添加规则。
c.Available Attributes:将需要使用的属性从左边弄到右边。点击OK
3.保存and运行页面。
1.页面主要代码:
<af:table value="#{bindings.EmployeesView1.collectionModel}"
var="row" rows="#{bindings.EmployeesView1.rangeSize}"
emptyText="#{bindings.EmployeesView1.viewable ? 'No data to display.' : 'Access Denied.'}"
fetchSize="#{bindings.EmployeesView1.rangeSize}"
rowBandingInterval="0"
filterModel="#{bindings.EmployeesView1Query.queryDescriptor}"
queryListener="#{bindings.EmployeesView1Query.processQuery}"
filterVisible="true"
varStatus="vs" (主要使用这个)
selectedRowKeys="#{bindings.EmployeesView1.collectionModel.selectedRow}"
selectionListener="#{bindings.EmployeesView1.collectionModel.makeCurrent}"
rowSelection="single" id="t1">
在目标字段里加上facet:
<af:column sortProperty="DepartmentId" filterable="true"
sortable="true"
headerText="#{bindings.EmployeesView1.hints.DepartmentId.label}"
id="c11">
<af:outputText value="#{row.DepartmentId}" id="ot4">
<af:convertNumber groupingUsed="false"
pattern="#{bindings.EmployeesView1.hints.DepartmentId.format}"/>
</af:outputText>
----------从下面开始---------
<f:facet name="filter">
<af:selectOneChoice value="#{vs.filterCriteria.DepartmentId}"
label="Label 1" id="soc1">
<af:forEach items="#{bindings.DepartmentsView1.rangeSet}"
var="rowlist">
<f:selectItem itemLabel="#{rowlist.DepartmentName}"
itemValue="#{rowlist.DepartmentId}"/>
</af:forEach>
</af:selectOneChoice>
</f:facet>
----------到上面结束---------
</af:column>
2.加上绑定。
(1)Tab页从Source切换到Bindings,点击绿色加号,在弹出窗体Insert Item里选择tree,点中OK.
(2)在窗体Create Tree Binding中,做一下设置:
a.Root Data Source:你可以从下拉列表中选择或者点击Add按钮添加。
b.Tree Level Rules:点击绿色加号按钮添加规则。
c.Available Attributes:将需要使用的属性从左边弄到右边。点击OK
3.保存and运行页面。
相关文章推荐
- 一个简单的Ajax下拉列表应用
- php课程---建立一个简单的下拉列表框
- 按钮 下拉列表 还有一个简单的记事本 文件读写等
- 简单编程 (二十七)创建窗体下拉列表
- JavaScript基础 简单的二级联动下拉列表
- 闲暇时间,来一个简单的下拉组件
- 自定义的一个简单时尚js下拉选择框
- iOS开发UI篇—使用UItableview完成一个简单的QQ好友列表(二)
- iOS开发UI篇—使用UItableview完成一个简单的QQ好友列表(二)
- javaScript 实现一个 下拉列表选择 的函数
- 一个无刷新二级联动下拉列表,同样适用与firefox,这算ajax么?
- 模拟一个类似百度google的模糊搜索下拉列表
- iOS开发UI篇—使用UItableview完成一个简单的QQ好友列表(二)
- jquery如何书写一个根据下拉选择列表的选择值 控制其他标签时候显示的功能
- 初识kotlin,实现一个简单的列表
- 用下拉列表选中一个省或市弹出相应的市或区
- ExpandableListView可扩展的下拉列表简单的使用
- Python3 Tkinter基础 OptionMenu 将一个列表中的元素 添加到 下拉列表框的选项中
- Android上实现一个简单的天气预报APP(九) ListView展示城市列表、单击更新天气数据
- 一个非常好用的jquery 操作表单下拉列表select 插件