table全选(jsf)

jackle_liu

浏览: 148002 次

最近访客更多访客>>

JeffWing

jk88388

JohnnyDell

sdulss

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (55)

社区版块

存档分类

JSF Appfuse F#JSP Bean

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

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

js 代码

function checkAll(theForm) { // check all the checkboxes in the list
for (var i=0;i
var e = theForm.elements[i];
var eName = e.name;
if (eName != 'allbox' &&
(e.type.indexOf("checkbox") == 0)) {
e.checked = theForm.allbox.checked;
}
}
}

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

<t:dataTable id="houses" var="house"
value="#{houseList.groupHouses}" rows="25" >
<t:column>
<f:facet name="header">
<input type="checkbox" name="allbox" onclick="checkAll(document.getElementById('editHouse'));"/>
</f:facet>
<h:selectBooleanCheckbox name="rowCheck"/>
</t:column>
<t:column>
<f:facet name="header">
<h:outputText value="#{text['portal.home.table.house.title']}" />
</f:facet>
<h:outputText value="#{house.name}" escape="true"/>
</t:column>
</t:dataTable>

注意table最左边的一列:

<t:column>
<f:facet name="header">
<input type="checkbox" name="allbox" onclick="checkAll(document.getElementById('editHouse'));"/>
f:facet>
<h:selectBooleanCheckbox name="rowCheck"/>
t:column>

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

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

分享到：

Subversion快速入门教程for windows(转) | 你被耍了（appfuse）

2007-06-24 00:48
浏览 3907
评论(6)
论坛回复 / 浏览 (6 / 5702)
分类:非技术
查看更多

6 楼 yourenyouyu2008 2008-06-01

选是选中了，后台怎么获取呀？

5 楼 yxlrock 2007-09-26

还有使用这种方法在托管bean 怎样才能取到选中行的值。。。。

4 楼 yxlrock 2007-09-26

<h:selectBooleanCheckbox name="rowCheck"/> 你的name从那里来的，你自己开发的吗？？？

QQ373051727

3 楼 fangbiao23 2007-09-10

这个不是很好吧~~
一选可就是整个表，而不是一个页面的行数据啦！

2 楼 hzw321hzw 2007-08-02

jackle_liu 写道： 
<div class='quote_div'>
　　在日常应用中，经常需要对table中的数据进行批量操作（例如：　删除），在jsp中实现这样操作的例子比比介是，但是要找在jsf中实现的例子可就难了．
　　通过对appfuse的研究，发现了一个比较精妙的js函数(在script/global.js中)．
<div class='code_title'>js 代码</div>
<div class='dp-highlighter'>
<div class='bar'/>
<ol class='dp-c'>
 <li class='alt'>function checkAll(theTable) { // check all the checkboxes in the list </li>
 <li class=''>var body=theTbale.body; </li>
 <li class=''> for (var i=0,j=body.childNodes.length;i 〈 j;i++){ </li>
 <li class='alt'> var e = document.getElementById(theTable.id+":"+i+":select"); //获取CHECKBOX的引用 </li>
 <li class=''> </li>
 <li class='alt'> </li>
 <li class=''> </li>
 <li class='alt'> e.checked = !e.checked; //反选 </li>
 <li class=''> </li>
 <li class='alt'> } </li>
 <li class=''>} </li>
</ol>
</div>
 看来只要如此这般写我的table就可达到目的了：
<div class='code_title'>
<div class='dp-highlighter'>
<div class='bar'/>
<ol class='dp-xml'>
 <li class='alt'><t:dataTable id="houses" var="house" </li>
 <li class=''> value="#{houseList.groupHouses}" rows="25" > </li>
 <li class='alt'> </li>
 <li class=''> <t:column> </li>
 <li class='alt'> <f:facet name="header"> </li>
 <li class=''> <input type="checkbox" name="allbox" onclick="checkAll(document.getElementById('editHouse'));"/> </li>
 <li class='alt'> f:facet> </li>
 <li class=''> <h:selectBooleanCheckbox id="select" name="rowCheck"/> </li>
 <li class='alt'> t:column> </li>
 <li class=''> </li>
 <li class='alt'> <t:column> </li>
 <li class=''> <f:facet name="header"> </li>
 <li class='alt'> <h:outputText value="#{text['portal.home.table.house.title']}" /> </li>
 <li class=''> f:facet> </li>
 <li class='alt'> <h:outputText value="#{house.name}" escape="true"/> </li>
 <li class=''> t:column> </li>
 <li class='alt'> </li>
 <li class=''> </li>
 <li class='alt'>t:dataTable> </li>
</ol>
</div>
</div>
<div class='code_title'>注意table最左边的一列:</div>
<div class='dp-highlighter'>
<div class='bar'/>
<ol class='dp-xml'>
 <li class='alt'><t:column> </li>
 <li class=''> <f:facet name="header"> </li>
 <li class='alt'> <input type="checkbox" name="allbox" onclick="checkAll(document.getElementById('editHouse:houses'));"/> </li>
 <li class=''> f:facet> </li>
 <li class='alt'> <h:selectBooleanCheckbox name="rowCheck"/> </li>
 <li class=''>t:column> </li>
</ol>
</div>
　　这是关键,事先说一下，form的id是＂editHouse＂．
 这是摸索了一晚上才找到的办法，希望大家看到后少走弯路．
 
</div>
 
也可以试试直接取TABLE而不是取FORM,不过要注意JSF的ID命名规则.

1 楼 movomoto 2007-07-31

感谢大大。。终于解决了这个问题

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

table全选(jsf)

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

table全选(jsf)

评论

发表评论

相关推荐

最近访客更多访客>>