hover - マウスオーバーまたはカーソルを合わせると全文を表示

Question

テーブル列の 1 つは、行に commandLink を表示します。その値は長いテキストです。そのテキストの一部のみを表示しています。ユーザーがリンクにカーソルを合わせると、ポップアップまたはテキスト全体を表示し、マウスが離れているときに非表示にするものが必要です。これにどのようにアプローチしますか、ajaxイベントを試しましたが、うまくいきませんでした。そのおかげで

Answer 1

誰かが疑問に思っている場合に備えて、これは私が最終的にツールチップを使用して行ったことです...

    <div id="sub" style="width:175px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;">

            <p:commandLink id ="myLink" value="#{message.subject}" ajax="true" 
                           update=":messageForm:grid">
                <f:setPropertyActionListener value="#{message}"
                                             target="#{myBean.selectedMessage}"/>

            </p:commandLink>

            <p:tooltip for="myLink" value="#{message.subject}" showEffect="slide" hideEffect="slide" style="background-color:#FFFFCC;border:1px dotted #000000;" />
        </div>