<f:selectItems> JSF-tag-tooltip-Attribut

Ist es möglich, eine "title" - Attribut der Tags in JSF, zum Beispiel:

<f:selectItems value="#{foo.fooList}" title="{foo.fooDescription}"/>

Generierten HTML: 

<select>
    <option value="foo1" title="description1">foo ex1</option>
    <option value="foo2" title="description2">foo ex2</option>
</select>
InformationsquelleAutor AleksKrikor | 2012-03-21
  1. 5

    Habe ich nicht eine elegante Lösung, aber es kann getan werden. Ich gehe davon aus, JSF 2+ & Facelets VDL.

    Für eine managed bean Foo:

    @ManagedBean @RequestScoped
public class Foo {
  private List<SelectItem> fooList = Arrays.asList(
            new SelectItem("value1", "label1", "description1"),
            new SelectItem("value2", "label2", "description2"));

  public List<SelectItem> getFooList() {
    return fooList;
  }
}

    Können Sie JavaScript verwenden, um die title Attribut des DOM Knotens:

    <h:selectOneMenu binding="#{requestScope.fooSelectOne}">
  <f:selectItems value="#{foo.fooList}" />
</h:selectOneMenu>
<script>
(function() {
  var selectName = '#{requestScope.fooSelectOne.clientId}';
  var kids = document.getElementsByName(selectName)[0]
                     .getElementsByTagName("option");
  var index = 0;
  <ui:repeat value="#{foo.fooList}" var="_opt">
  kids[index++].title = '#{_opt.description}'; //TODO: escape this
  </ui:repeat>
}());
</script>
    InformationsquelleAutor McDowell
  2. 1

    Generieren title Attribut an die generierten options können Sie einfach passthrough Attribute wie diese:

    <f:selectItems value="#{values}" p:title="Your title here"/>
    • Leider können Sie nicht verwenden Sie die variable definiert über <f:selectItems var="v" ...> im inneren des passthrough-Attributs :(. Aber BalusC show in die Antwort, wie man diese Einschränkung umgehen, über c:forEach.
    InformationsquelleAutor tfosra
  3. 0

    Ich denke, für f:selectItems tag gibt es keine solche (title) Attribut zur Verfügung. Haben Sie dieses Attribut in plain option tag in HTML aber nicht in jsf. Ich denke, Sie sollten benutzen Sie einfach select - tag statt selectOneMenu zu bekommen title Wert.

    • "Sie haben dieses Attribut im Klartext option-tag in HTML" - seine weite Verbreitung ist eine ganz neue Sache, aber es ist nur unterstützt von IE9 und bis wie weit ich es sagen kann. Wenn es nicht bereits, eine feature-Anfrage in JSF jira auf javaserverfaces.java.net ist wahrscheinlich nicht eine schlechte Sache.
    InformationsquelleAutor phalgun kumar dandu
  4. 0

    Davon aus, dass Ihr <h:selectOneMenu ist als unten.

    <h:form id="myForm">
  <h:selectOneMenu id="myCombo">
    <f:selectItems value="#{foo.fooList}"/>
  </h:selectOneMenu>
</h:form>

    Nun an window.onload Durchlaufen werden kann options und fügen Sie den title wie unten

    <script>
    window.onload = function() {
         var options = document.getElementById("myForm:myCombo").options;
         for(var i = 0; i &lt; options.length; i++) {
             options[i].title = "description" + i;
         }
    }
</script>
    InformationsquelleAutor prageeth
  5. 0

    itemDescription Attribut erscheint nicht in der Naht 2.2.

    Beste Lösung wäre die Verwendung von javascript zum anzeigen von QuickInfo für jedes Element auswählen.

    JS:

     <script type="text\javascript">
   function getTooltip(id){
     var options = document.getElementById(id).options;
         for(var i = 0; i &lt; options.length; i++) {
            options[i].title = "description" + i;
         }
    }
 </script>

    wenn Ihre id wird dynamisch generiert oder auf andere Weise, zB.

     <rich:dataTable value="#{mybean.list}">
   <h:selectOneMenu value="#{mybean.selectedValue}" onmouseover=getTooltip(this.id)>
     <f:selectitems value="#{mybean.selectlist}">
   </h:selectOneMenu>
 </rich:datatable>

    Diese Lösung funktioniert für alle dynamisch generierten id ' s sowie die einfache

    InformationsquelleAutor Vandana Acharya
Schreibe einen Kommentar