0

JSFのデータテーブル列にマウスオーバーイベントを含める方法についてサポートが必要です。jsf列の上にポップアップリストを含める方法を教えてください。以下は私のJSF列に対応するコードです。

<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イベントを追加する方法がわかりません。手伝ってください。

4

1 に答える 1

2

次のようなことができます。

<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>
于 2012-07-19T20:20:45.907 に答える