论坛首页 → 入门技术论坛 →

table全选(jsf)

浏览 5702 次
锁定老帖子 主题：table全选(jsf)
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
  • jackle_liu
  • 等级: 初级会员
  • 文章: 4
  • 积分: 30
   发表时间：2007-06-24  

　　在日常应用中，经常需要对table中的数据进行批量操作（例如：　删除），在jsp中实现这样操作的例子比比介是，但是要找在jsf中实现的例子可就难了．

　　通过对appfuse的研究，发现了一个比较精妙的js函数(在script/global.js中)．

js 代码
  1. function checkAll(theForm) { // check all the checkboxes in the list   
  2.   for (var i=0;i
  3.     var e = theForm.elements[i];   
  4.         var eName = e.name;   
  5.         if (eName != 'allbox' &&    
  6.             (e.type.indexOf("checkbox") == 0)) {   
  7.             e.checked = theForm.allbox.checked;        
  8.         }   
  9.     }    
  10. }  

        看来只要如此这般写我的table就可达到目的了：

  1. <t:dataTable id="houses" var="house"  
  2.     value="#{houseList.groupHouses}" rows="25" >  
  3.   
  4.     <t:column>  
  5.         <f:facet name="header">  
  6.                <input type="checkbox" name="allbox" onclick="checkAll(document.getElementById('editHouse'));"/>  
  7.         </f:facet>  
  8.         <h:selectBooleanCheckbox  name="rowCheck"/>  
  9.     </t:column>  
  10.   
  11.     <t:column>  
  12.         <f:facet name="header">  
  13.                 <h:outputText value="#{text['portal.home.table.house.title']}" />  
  14.         </f:facet>  
  15.         <h:outputText value="#{house.name}" escape="true"/>  
  16.     </t:column>  
  17.   
  18.   
  19. </t:dataTable>  
注意table最左边的一列:
  1. <t:column>  
  2.     <f:facet name="header">  
  3.            <input type="checkbox" name="allbox" onclick="checkAll(document.getElementById('editHouse'));"/>  
  4.     f:facet>  
  5.     <h:selectBooleanCheckbox  name="rowCheck"/>  
  6. t:column>  

　　这是关键,事先说一下，form的id是＂editHouse＂．

        这是摸索了一晚上才找到的办法，希望大家看到后少走弯路．

       

返回顶楼
         
  • movomoto
  • 等级: 初级会员
  • 性别:
  • 文章: 6
  • 积分: 30
  • 来自: beijing
   发表时间：2007-07-31  
感谢大大。。终于解决了这个问题
返回顶楼
          回帖地址
0 请登录后投票
  • hzw321hzw
  • 等级: 初级会员
  • 性别:
  • 文章: 10
  • 积分: 30
  • 来自: 深圳
   发表时间：2007-08-02  

jackle_liu 写道：

　　在日常应用中，经常需要对table中的数据进行批量操作（例如：　删除），在jsp中实现这样操作的例子比比介是，但是要找在jsf中实现的例子可就难了．

　　通过对appfuse的研究，发现了一个比较精妙的js函数(在script/global.js中)．

js 代码
  1. function checkAll(theTable) { // check all the checkboxes in the list   
  2. var body=theTbale.body;  
  3.    for (var i=0,j=body.childNodes.length;i 〈 j;i++){
  4.        var e = document.getElementById(theTable.id+":"+i+":select"); //获取CHECKBOX的引用  
  5.          
  6.      
  7.  
  8.         e.checked = !e.checked;  //反选      
  9.           
  10.     }    
  11. }  

        看来只要如此这般写我的table就可达到目的了：

  1. <t:dataTable id="houses" var="house"  
  2.     value="#{houseList.groupHouses}" rows="25" >  
  3.   
  4.     <t:column>  
  5.         <f:facet name="header">  
  6.                <input type="checkbox" name="allbox" onclick="checkAll(document.getElementById('editHouse'));"/>  
  7.         f:facet>  
  8.         <h:selectBooleanCheckbox id="select" name="rowCheck"/>  
  9.     t:column>  
  10.   
  11.     <t:column>  
  12.         <f:facet name="header">  
  13.                 <h:outputText value="#{text['portal.home.table.house.title']}" />  
  14.         f:facet>  
  15.         <h:outputText value="#{house.name}" escape="true"/>  
  16.     t:column>  
  17.   
  18.   
  19. t:dataTable>  
注意table最左边的一列:
  1. <t:column>  
  2.     <f:facet name="header">  
  3.            <input type="checkbox" name="allbox" onclick="checkAll(document.getElementById('editHouse:houses'));"/>  
  4.     f:facet>  
  5.     <h:selectBooleanCheckbox  name="rowCheck"/>  
  6. t:column>  

　　这是关键,事先说一下，form的id是＂editHouse＂．

        这是摸索了一晚上才找到的办法，希望大家看到后少走弯路．

       


也可以试试直接取TABLE而不是取FORM,不过要注意JSF的ID命名规则.
返回顶楼
          回帖地址
0 请登录后投票
  • fangbiao23
  • 等级: 一星会员
  • 性别:
  • 文章: 60
  • 积分: 102
  • 来自: 广州
   发表时间：2007-09-10  
这个不是很好吧~~
一选可就是整个表，而不是一个页面的行数据啦！
返回顶楼
          回帖地址
0 请登录后投票
  • yxlrock
  • 等级: 初级会员
  • 文章: 4
  • 积分: 30
  • 来自: ...
   发表时间：2007-09-26  
<h:selectBooleanCheckbox  name="rowCheck"/>  你的name从那里来的，你自己开发的吗？？？

QQ373051727
返回顶楼
          回帖地址
0 请登录后投票
  • yxlrock
  • 等级: 初级会员
  • 文章: 4
  • 积分: 30
  • 来自: ...
   发表时间：2007-09-26  
还有使用这种方法在托管bean 怎样才能取到选中行的值。。。。
返回顶楼
          回帖地址
0 请登录后投票
  • yourenyouyu2008
  • 等级: 初级会员
  • 性别:
  • 文章: 6
  • 积分: 30
  • 来自: 北京
   发表时间：2008-06-01  
选是选中了，后台怎么获取呀？
返回顶楼
          回帖地址
0 请登录后投票
论坛首页 → 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics