JSF数据表中的MouseOver [英] MouseOver in JSF datatable
本文介绍了JSF数据表中的MouseOver的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要一些帮助,包括在JSF中为datatable列添加一个mouseover事件.您能否让我知道如何在jsf列上的鼠标悬停时包含一个弹出列表.以下是与我的JSF专栏相对应的代码.
I need some help on including a mouseover event for a datatable column in JSF. Can you please let me know how to include a popup list on mouseover a jsf column. Below is the code corresponding to my JSF column.
<p:column style="text-align: left;" styleClass="foo" rendered="#{demandBean.screeRenderVo.adjustedRenderer}" >
<f:facet name="header">
<h:outputText id="AdjustedID" value="#{demandBean.dmdScreenLabelVO.adjustedValue}"/>
</f:facet>
<h:inputText id="AdjustedValueID" value="#{car.adjustedValue}" style="height: 20px;width: 50px;"></h:inputText>
</p:column>
不确定如何为以上列添加mouserover事件.请协助.
Not sure how to add the mouserover event for the above column. Please Assist.
推荐答案
您可以执行以下操作:
<script>
jQuery(document).ready(function(){
jQuery('td').mouseover(function(){
var th = jQuery(this).closest('table').find('th').eq( this.cellIndex );
if (th.attr('id') == "datatable:column3"){
dlg1.show();
}
else{
dlg1.hide();
}
});
});
</script>
<h:form prependId="false">
<p:dataTable id="datatable" var="car" value="#{tableBean.carsSmall}">
<p:column id="column3" style="text-align: left;" styleClass="foo" rendered="#{demandBean.screeRenderVo.adjustedRenderer}" >
<f:facet name="header">
<h:outputText id="AdjustedID" value="#{demandBean.dmdScreenLabelVO.adjustedValue}"/>
</f:facet>
<h:inputText id="AdjustedValueID" value="#{car.adjustedValue}" style="height: 20px;width: 50px;"></h:inputText>
</p:column>
</p:dataTable>
<p:dialog id="basicDialog" header="Basic Dialog" widgetVar="dlg1">
<h:outputText value="Resistance to PrimeFaces is futile!" />
</p:dialog>
</h:form>
这篇关于JSF数据表中的MouseOver的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文