jsf - JSF tag custom tooltip attribute

Question

是否可以在 JSF 中为标签添加“title”属性，例如:

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

生成的 HTML:

<select>
    <option value="foo1" title="description1">foo ex1</option>
    <option value="foo2" title="description2">foo ex2</option>
</select>

Answer 1

我没有一个优雅的解决方案，但它可以做到。我假设 JSF 2+ 和 Facelets VDL。

对于托管 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;
  }
}

您可以使用 JavaScript 设置 title DOM 节点上的属性:

<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>