JSF框架下的的dataTable表,点击当前行,当前行的背景颜色变为黄色?
代码为:
<div id= "div_subQQPane ">
<h:dataTable id= "nameMenuTable " value= "#{menuMgrBean.nameMenu} " var= "das "
width= "100% " cellspacing= "0 " cellpadding= "0 "
rowClasses= "evenColumn,oddColumn " border= "0 " style= "text-align:center; ">
<h:column>
<h:graphicImage width= "17 " height= "17 "
url= '#{(das.status == 0)? "images/alive.gif ": "images/dead.gif "} '/>
</h:column>
<h:column>
<h:commandLink value= "#{das.name} "
action= "#{menuMgrBean.contentAction} " immediate= "true "
title= "IP:#{das.IP} "> sad
<f:actionListener type= "cn.com.pbi.netmgr.web.morning.VisitPathBean " />
<f:param name= "deviceId " value= "#{das.id} " />
<f:param name= "cmdText " value= "DeviceInfo " />
</h:commandLink>
</h:column>
<h:column>
<h:commandLink value= "[#{ 'Delete '}] "
actionListener= "#{menuMgrBean.deleteDeviceListener} "
title= "Delete "
rendered= "#{das.status != 0} ">
<f:param name= "deviceId " value= "#{das.id} " />
</h:commandLink>
</h:column>
</h:dataTable>
</div>
[解决办法]
使用样式表css来定义
[解决办法]
up
[解决办法]
css能定义鼠标事件吗?
[解决办法]
onclick事件！
[解决办法]
在 <h:column> 中使用 <h:panelGroup> 来包围所有的子元素，然后在 <h:panelGroup> 上加动态的
styleClass属性
[解决办法]
JS！
[解决办法]
function pageLoad(){
var tr_search_results = $( "table.search_results tr ");
if(tr_search_results.length > 0) {
tr_search_results.each(function(i, r) {
$(r).click(function(evt) {
var result_rows = $( "tr.selection_list_act_item ", $(this).parents( "table ").eq(0));
if(result_rows.length > 0) {
result_rows.each(function(i, r2) {
$(r2).removeClass( "selection_list_act_item ");
});
}
$(this).addClass( "selection_list_act_item ");
});
});
}
}
