关于jsf中全选
<%@ page contentType="text/html;charset=GB2312"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.find {
font-family: "宋体";
color: #FFFFFF;
}
.STYLE1 {color: #000000
font-size: 16px
}
.STYLE4 {font-size: 14px}
.STYLE5 {font-size: 12px}
.STYLE6 {font-size: 12px; color: #FFFFFF; }
.body{font-size:12px;cloor:#FFFFFF;}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body { font-family: Arial; }
.tablebg { background-color: #ffffff; }
.header { font-weight: bold; }
.footer { font-weight: bold; }
.text { text-align: left; }
.number { text-align: right; }
.graybg { background-color: #CCCCCC; }
.whitebg { background-color: #CCCCCC; }
-->
</style>
</head>
<body>
<f:view>
<table width="95%" height="590" border="1" cellpadding="0"
cellspacing="0" bordercolor="#999999">
<!--DWLayoutTable-->
<tr>
<td width="600" height="90" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="602" height="39">
</td>
</tr>
<tr>
<td height="20" align="left" valign="middle" bgcolor="#333333">
<span class="STYLE1">会员管理~会员审核</span>
</td>
</tr>
<tr>
<td height="31">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="360" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0"
bordercolor="#ECE9D8" bgcolor="#999999">
<!--DWLayoutTable-->
<tr>
<td height="57" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="600" height="26" valign="bottom">
<p>
查询信息
</p>
</td>
</tr>
<td height="31" align="left" valign="top">
<h:form id="selectUNMemberForm">
请输入会员名字：
<h:inputText id="memberName"
value="#{memberForm.member.memberName}" />
<h:commandButton type="submit" value="搜索"
action="#{memberForm.unPassMember}" />
<h:message for="memberName"></h:message>
</h:form>
</td>
</table>
</td>
</tr>
<tr>
<td width="600" height="434" align="left" valign="top">
<h:form id="unpass_list">
<table width="602" border="1" cellspacing="0"
bgcolor="#FFFFFF">
<h:dataTable id="listTable" cellpadding="5" cellspacing="1"
value="#{memberForm.unPassModel}" var="unPass" rows="4"
styleClass="tablebg" headerClass="header"
footerClass="footer"
columnClasses="text,number,number,number"
rowClasses="graybg,whitebg" border="0">
<h:column>
<f:facet name="header">
<h:outputText value=""></h:outputText>
</f:facet>
<h:selectBooleanCheckbox id="isSelect"
value="#{unPass.memberStatus}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="会员名称" style="font-size:14px;"></h:outputText>
</f:facet>
<h:outputText value="#{unPass.memberName}"
style="font-size:12px;"></h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="真实姓名" style="font-size:14px;"></h:outputText>
</f:facet>
<h:outputText value="#{unPass.realName}"
style="font-size:12px;"></h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="性别" style="font-size:14px;"></h:outputText>
</f:facet>
<h:outputText value="#{unPass.memberSex}"
style="font-size:12px;"></h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="email" style="font-size:14px;"></h:outputText>
</f:facet>
<h:outputText value="#{unPass.email}"
style="font-size:12px;"></h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="联系方式" style="font-size:14px;"></h:outputText>
</f:facet>
<h:outputText value="#{unPass.phone}"
style="font-size:12px;"></h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="是否通过" style="font-size:14px;"></h:outputText>
</f:facet>
<h:commandLink action="#{memberForm.passMember}">
<h:outputText value="#{unPass.isPass}"
style="font-size:12px;"></h:outputText>
<t:updateActionListener value="#{unPass.memberName}"
property="#{memberForm.member.memberName}"></t:updateActionListener>
</h:commandLink>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="" />
</f:facet>
<h:commandButton value="删除" action="#{memberForm.delete}"
onclick='return confirm("你确定要删除吗？")'>
<t:updateActionListener value="#{unPass.memberName}"
property="#{memberForm.member.memberName}"></t:updateActionListener>
</h:commandButton>
</h:column>
</h:dataTable>
<div align="center">
<h:panelGrid>
<h:outputLabel value="全选" for="SelectAll"></h:outputLabel>
<h:selectBooleanCheckbox id="SelectAll"
onclick="setCheckedStatus();" />
<h:commandButton value="删除所选"
action="#{memberForm.patchDelete}" />
<h:commandButton value="审核所选"
action="#{memberForm.patchUpdate}" />
</h:panelGrid>
</div>
<t:dataScroller id="scroll_1" for="listTable"
pageCountVar="pageCount" pageIndexVar="pageIndex"
styleClass="scroller" paginator="true" paginatorMaxPages="5"
paginatorTableClass="paginator"
paginatorActiveColumnStyle="font-weight:bold;"
immediate="true">
<div align="center">
<f:facet name="first">
<h:outputText value="首页"
style="color:#ffffff;font-size:14px"></h:outputText>
</f:facet>
<f:facet name="previous">
<h:outputText value="上一页"
style="color:#ffffff;font-size:14px"></h:outputText>
</f:facet>
<f:facet name="next">
<h:outputText value="下一页"
style="color:#ffffff;font-size:14px"></h:outputText>
</f:facet>
<f:facet name="last">
<h:outputText value="尾页"
style="color:#ffffff;font-size:14px"></h:outputText>
</f:facet>
</div>
</t:dataScroller>
</table>
</h:form>
</td>
</tr>
</table>
</td>
</tr>
</table>
</f:view>
</body>
</html>
<script type="text/javascript">
/**
* 通过全选按钮选择表格中的全部数据
*/
function setCheckedStatus(){
var TableData = document.getElementById("unpass_list:listTable");
var CheckAll = document.getElementById("unpass_list:SelectAll");
// 判断浏览器类型，如果是IE则使用table表格获取，否则通过ID获取
if(navigator.userAgent.indexOf("MSIE")>0){
if(TableData != null && CheckAll != null){
for(i=1;i<TableData.rows.length;i++){
TableData.rows(i).cells(0).children.item(0).checked = CheckAll.checked;
}
}
}else{
if(TableData != null && CheckAll != null){
for(i=0;i<TableData.rows.length -1;i++){
document.getElementById("unpass_list:listTable:"+i+":isSelect").checked = CheckAll.checked;
}
}
}
}
</script>
这上面中的javascript为全选，其中的批量删除为：
public class MemberForm extends BasePage {
private Member member = new Member();
private String rePassword;
private MemberManager memberManager;
private String memberID;
private List memberList = new ArrayList();
private List unPassList = new ArrayList();
DataModel memberModel = null;
private int pageCount;
public DataModel getUnPassModel() {
if (memberModel == null) {
memberModel = new ListDataModel();
memberModel.setWrappedData(this.getUnPassList());
}
return memberModel;
}
/**
* 批量删除数据
*
* @return String patchDelete 代表批量删除后要导航到的页面 这里我们就让他返回成功页面
*/
public String patchDelete() {
DataModel mdm = (ListDataModel) getUIData().getValue();
List<Member> list = (List) mdm.getWrappedData();
// 选择选中的用户进行批量删除
for (Member m : list) {
if (m.isMemberStatus()) {
memberManager.removeMember(m.getMemberName());
}
}
return "patchDel";
}
}
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.find {
font-family: "宋体";
color: #FFFFFF;
}
.STYLE1 {color: #000000
font-size: 16px
}
.STYLE4 {font-size: 14px}
.STYLE5 {font-size: 12px}
.STYLE6 {font-size: 12px; color: #FFFFFF; }
.body{font-size:12px;cloor:#FFFFFF;}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body { font-family: Arial; }
.tablebg { background-color: #ffffff; }
.header { font-weight: bold; }
.footer { font-weight: bold; }
.text { text-align: left; }
.number { text-align: right; }
.graybg { background-color: #CCCCCC; }
.whitebg { background-color: #CCCCCC; }
-->
</style>
</head>
<body>
<f:view>
<table width="95%" height="590" border="1" cellpadding="0"
cellspacing="0" bordercolor="#999999">
<!--DWLayoutTable-->
<tr>
<td width="600" height="90" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="602" height="39">
</td>
</tr>
<tr>
<td height="20" align="left" valign="middle" bgcolor="#333333">
<span class="STYLE1">会员管理~会员审核</span>
</td>
</tr>
<tr>
<td height="31">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="360" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0"
bordercolor="#ECE9D8" bgcolor="#999999">
<!--DWLayoutTable-->
<tr>
<td height="57" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="600" height="26" valign="bottom">
<p>
查询信息
</p>
</td>
</tr>
<td height="31" align="left" valign="top">
<h:form id="selectUNMemberForm">
请输入会员名字：
<h:inputText id="memberName"
value="#{memberForm.member.memberName}" />
<h:commandButton type="submit" value="搜索"
action="#{memberForm.unPassMember}" />
<h:message for="memberName"></h:message>
</h:form>
</td>
</table>
</td>
</tr>
<tr>
<td width="600" height="434" align="left" valign="top">
<h:form id="unpass_list">
<table width="602" border="1" cellspacing="0"
bgcolor="#FFFFFF">
<h:dataTable id="listTable" cellpadding="5" cellspacing="1"
value="#{memberForm.unPassModel}" var="unPass" rows="4"
styleClass="tablebg" headerClass="header"
footerClass="footer"
columnClasses="text,number,number,number"
rowClasses="graybg,whitebg" border="0">
<h:column>
<f:facet name="header">
<h:outputText value=""></h:outputText>
</f:facet>
<h:selectBooleanCheckbox id="isSelect"
value="#{unPass.memberStatus}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="会员名称" style="font-size:14px;"></h:outputText>
</f:facet>
<h:outputText value="#{unPass.memberName}"
style="font-size:12px;"></h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="真实姓名" style="font-size:14px;"></h:outputText>
</f:facet>
<h:outputText value="#{unPass.realName}"
style="font-size:12px;"></h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="性别" style="font-size:14px;"></h:outputText>
</f:facet>
<h:outputText value="#{unPass.memberSex}"
style="font-size:12px;"></h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="email" style="font-size:14px;"></h:outputText>
</f:facet>
<h:outputText value="#{unPass.email}"
style="font-size:12px;"></h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="联系方式" style="font-size:14px;"></h:outputText>
</f:facet>
<h:outputText value="#{unPass.phone}"
style="font-size:12px;"></h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="是否通过" style="font-size:14px;"></h:outputText>
</f:facet>
<h:commandLink action="#{memberForm.passMember}">
<h:outputText value="#{unPass.isPass}"
style="font-size:12px;"></h:outputText>
<t:updateActionListener value="#{unPass.memberName}"
property="#{memberForm.member.memberName}"></t:updateActionListener>
</h:commandLink>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="" />
</f:facet>
<h:commandButton value="删除" action="#{memberForm.delete}"
onclick='return confirm("你确定要删除吗？")'>
<t:updateActionListener value="#{unPass.memberName}"
property="#{memberForm.member.memberName}"></t:updateActionListener>
</h:commandButton>
</h:column>
</h:dataTable>
<div align="center">
<h:panelGrid>
<h:outputLabel value="全选" for="SelectAll"></h:outputLabel>
<h:selectBooleanCheckbox id="SelectAll"
onclick="setCheckedStatus();" />
<h:commandButton value="删除所选"
action="#{memberForm.patchDelete}" />
<h:commandButton value="审核所选"
action="#{memberForm.patchUpdate}" />
</h:panelGrid>
</div>
<t:dataScroller id="scroll_1" for="listTable"
pageCountVar="pageCount" pageIndexVar="pageIndex"
styleClass="scroller" paginator="true" paginatorMaxPages="5"
paginatorTableClass="paginator"
paginatorActiveColumnStyle="font-weight:bold;"
immediate="true">
<div align="center">
<f:facet name="first">
<h:outputText value="首页"
style="color:#ffffff;font-size:14px"></h:outputText>
</f:facet>
<f:facet name="previous">
<h:outputText value="上一页"
style="color:#ffffff;font-size:14px"></h:outputText>
</f:facet>
<f:facet name="next">
<h:outputText value="下一页"
style="color:#ffffff;font-size:14px"></h:outputText>
</f:facet>
<f:facet name="last">
<h:outputText value="尾页"
style="color:#ffffff;font-size:14px"></h:outputText>
</f:facet>
</div>
</t:dataScroller>
</table>
</h:form>
</td>
</tr>
</table>
</td>
</tr>
</table>
</f:view>
</body>
</html>
<script type="text/javascript">
/**
* 通过全选按钮选择表格中的全部数据
*/
function setCheckedStatus(){
var TableData = document.getElementById("unpass_list:listTable");
var CheckAll = document.getElementById("unpass_list:SelectAll");
// 判断浏览器类型，如果是IE则使用table表格获取，否则通过ID获取
if(navigator.userAgent.indexOf("MSIE")>0){
if(TableData != null && CheckAll != null){
for(i=1;i<TableData.rows.length;i++){
TableData.rows(i).cells(0).children.item(0).checked = CheckAll.checked;
}
}
}else{
if(TableData != null && CheckAll != null){
for(i=0;i<TableData.rows.length -1;i++){
document.getElementById("unpass_list:listTable:"+i+":isSelect").checked = CheckAll.checked;
}
}
}
}
</script>
这上面中的javascript为全选，其中的批量删除为：
public class MemberForm extends BasePage {
private Member member = new Member();
private String rePassword;
private MemberManager memberManager;
private String memberID;
private List memberList = new ArrayList();
private List unPassList = new ArrayList();
DataModel memberModel = null;
private int pageCount;
public DataModel getUnPassModel() {
if (memberModel == null) {
memberModel = new ListDataModel();
memberModel.setWrappedData(this.getUnPassList());
}
return memberModel;
}
/**
* 批量删除数据
*
* @return String patchDelete 代表批量删除后要导航到的页面 这里我们就让他返回成功页面
*/
public String patchDelete() {
DataModel mdm = (ListDataModel) getUIData().getValue();
List<Member> list = (List) mdm.getWrappedData();
// 选择选中的用户进行批量删除
for (Member m : list) {
if (m.isMemberStatus()) {
memberManager.removeMember(m.getMemberName());
}
}
return "patchDel";
}
}
分享到：
发表评论
相关推荐
NULL 博文链接：https://sailinglee.iteye.com/blog/429696
JSF中文教程JSF中文教程JSF中文教程JSF中文教程
jsf 中文文档jsf 中文文档jsf 中文文档jsf 中文文档
精通JSF中文教程精通JSF中文教程精通JSF中文教程精通JSF中文教程精通JSF中文教程精通JSF中文教程
JSF中文文档
jsf的中文教程chm版的和讲解jsf中使用到的一些参数的传递方式，学习jsf很不错的材料……
jsf中文使用教程jsf中文使用教程
在未来的发展中，有可能所有的J2EE应用服务器都需要支持JSF。 Java Server Faces技术好处 引入了基于组件和事件驱动的开发模式，使开发人员可以使用类似于处理传统界面的方式来开发Web应用程序。提供了行为与...
jsf实例 JSF学习 JSF jar包 JSF jsf实例 JSF学习 JSF jar包 JSFjsf实例 JSF学习 JSF jar包 JSF jsf实例 JSF学习 JSF jar包 JSF
Dhtml手册、 JSF中文教程、JSF API、struts2.0中文帮助手册.chm等等
jsf 分页 jsf 分页 jsf 分页 jsf 分页
这里是jsf的tags的书籍。主要讲述jsf的用法。
《JSF_实战》非常好的JSF学习书《JSF_实战》非常好的JSF学习书《JSF_实战》非常好的JSF学习书《JSF_实战》非常好的JSF学习书《JSF_实战》非常好的JSF学习书《JSF_实战》非常好的JSF学习书《JSF_实战》非常好的JSF...
JSF中文入门教程JSF中文入门教程JSF中文入门教程JSF中文入门教程
JSF入门（中文pdf）
ajax4jsf中文用户指南，很全面。适合初学者
） <br>无论如何，最后我还是找到了列表中的所有jar。 <br> * jsf-impl.jar * jsf-api.jar * commons-digester.jar * commons-collections.jar * commons-beanutils.jar * jstl....
一个关于JSF与hibernate整合的登陆小项目 ，适合初学者
JSF 使用 Bean 来达到逻辑层与表现层分离的目的，Bean 的管理集中在组态档案中，您只要修改组态档案，就可以修改 Bean 之间的相依关系。 o Backing Beans o Beans 的组态与设定 o Beans 上的 List, Map 数据转换与...
主要讲述JSF的工作方式 JSF的工作方式 JSF架构 JSF模型 JSF事件类型