用JSF动态实现下图的功能。
页面的代码如下
:
<h:form id="myForm">
<h:panelGrid columns="2">
<h:panelGroup>
<t:selectOneRadio id="buttons" layout="spread" forceId="true" forceIdIndex="false"
value="${bean.selectedButtonValue}">
<f:selectItems value="#{buttonList.selectList}" />
</t:selectOneRadio>
<t:dataTable var="row" value="#{buttonList.dataModel}" rowIndexVar="index">
<h:column>
<t:radio for=":myform:buttons" index="#{index}" />
</h:column>
</t:dataTable>
<h:panelGroup>
<h:form>
注意
:
- 在 selectOneRadio 组件中 forceId 属性值必须为"true" 表示用当前组件的id---"buttons" 重写JSF实现自动生成的 id.因为我们在下面的 radio 组件中要引用 selectOneRadio,所以必须用确定的id.
- 在 selectOneRadio 组件中 forceIdIndex 属性表示当组件被包含在列表中的时候,是否应当在id属性指定的ID---"button"后添加后缀索引(例如[0]).
- 在 dataTable 组件中 rowIndexVar 属性表示容纳当前行索引的 JSP 变量名称,这个JSP变量保存在请求范围内.
- 在 radio 组件中 for 属性指定这个组件的数据来源 selectOneRadio 组件的ID; index 属性指定用来填充这个组件的 selectOneRadio 组件的选择项索引(从0开始).
ManageBean 的代码如下:
package com.foo.om;
import java.util.ArrayList;
import java.util.List;
import javax.faces.model.DataModel;
import javax.faces.model.ListDataModel;
import javax.faces.model.SelectItem;
public class RadioButtons
{
private List selectList = new ArrayList();
private DataModel dataModel;
// give the initial value null that means no button selected.
private String selectedButtonValue= null;
public RadioButtons()
{
selectList.add(new SelectItem("0", ""));
selectList.add(new SelectItem("1", ""));
selectList.add(new SelectItem("2", ""));
dataModel = new ListDataModel(selectList);
}
/** Used by <t:selectOneRadio> **/
public List getSelectList()
{
return selectList;
}
/** Used by <t:dataTable> **/
public DataModel getDataModel()
{
return dataModel;
}
/*confirm which button is selected
*according to the value
*/
public String getSelecedtButtonValue()
{
return selectedButtonValue;
}
/**set selected button vaule**/
public String setSelecedtButtonValue(String selectedButtonValue)
{
selectedButtonValue = selectedButtonValue;
}
}
- 大小: 13.3 KB
分享到:
相关推荐
Jquery dataTable API 中文文档 word版 好用实在
该demo的最终实现效果是:有一个选择弹框,在弹框中选择想要显示的列,最后使用Jquery dataTable插件显示出用户想要显示的列
wpf datagrid 单元格颜色 根据条件改变颜色换 根据表datatable动态显示datagrid内容
JQuery DataTable中文文档API.chm中文API,版本:JQuery DataTable中文文档API.chm,解压即食,
jquery datatable api chm 中文
asp.net,Datalist控件分页显示数据,绑定datatable 带有向前向后翻页
利用C#saveFileDialog控件,把DataTable中的数据保存输出的文本格式
在java下可用的datatable组件,提供了jar包和调用例子。jar包从国外一个网站找到的,可惜找遍了也没找到怎么使用,费了半天挨个试,终于知道怎么用了(从resultset到datatable,加行,加列,赋值,取值,循环显示等...
后台使用EF,前台使用Juery DataTable显示数据
将Excel数据读取到DataTable中,通过ReadExcelToDatatable方法读取
C#datatable计算功能例子,一些简单的计算,在msdn都能找得到。
在java下可用的datatable组件,提供了jar包和调用例子。jar包从国外一个网站找到的,可惜找遍了也没找到怎么使用,费了半天挨个试,终于知道怎么用了(从resultset到datatable,加行,加列,赋值,取值,循环显示等...
*jQuery通过json方法获取datatable数据 *将datatable数据转换成table *将table分页显示
DataTable.Compute方法使用实例 DataTable.Compute强大的功能 C#中表达式的计算 详细说明:http://www.our-code.com/news/2010718/n458047.html
C#从datatable到listview的方法
VB.NET的DataTable常用方法总结
DataTable缓存数据操作 DataTable 缓存数据操作
winform中将Datatable数据导出到Excel表格中,该项目包含了例子,能使个人能更加了解winform将datatable数据导出到excel的整个流程,本资源也可拿来即用,只需要稍加修改即可。
3.解决方案中添加-数据-数据集(dataset1)-工具栏中拖入DataTable到xsd界面-添加列 DataColumn1-DataColumn4 4.解决方案中添加-报表-rdlc-界面添加-表-选择数据源dataset1-完成 5.form1.cs 中加入 private void ...
在Datatable中把滿足条件的数据放在DataRow中