Как передать JSF через атрибуты HTML

Я использую Primefaces 3 в JSF 2 для создания окна поиска. Мне нужно добавить нестандартный атрибут (x-webkit-speech) в элемент управления, чтобы у вас было что-то вроде этого...

<p:autoComplete x-webkit-speech="x-webkit-speech" ... />

Поскольку этот атрибут не является частью автозаполнения, JSF дает мне ошибку 500. Но когда я удаляю его, страница выглядит отлично. В общем, как вы указываете прохождение атрибутов в теге JSF, чтобы они игнорировались?

Ответ 1

JSF по дизайну игнорирует все пользовательские атрибуты при рендеринге HTML. Вам нужен собственный рендерер. Это в случае PrimeFaces <p:autoComplete> (и всех других компонентов), к счастью, относительно просто. Это достаточно, чтобы переопределить только метод renderPassThruAttributes(), в котором вы добавляете новый атрибут, который вы хотите отобразить, в аргумент attrs и, наконец, делегируете супер-метод.

например.

package com.example;

import java.io.IOException;

import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;

import org.primefaces.component.autocomplete.AutoCompleteRenderer;

public class MyAutoCompleteRenderer extends AutoCompleteRenderer {

    @Override
    protected void renderPassThruAttributes(FacesContext facesContext, UIComponent component, String[] attrs) throws IOException {
        String[] newAttrs = new String[attrs.length + 1];
        System.arraycopy(attrs, 0, newAttrs, 0, attrs.length);
        newAttrs[attrs.length] = "x-webkit-speech";
        super.renderPassThruAttributes(facesContext, component, newAttrs);
    }

}

Чтобы запустить его, зарегистрируйте его следующим образом в webapp faces-config.xml:

<render-kit>
    <renderer>
        <component-family>org.primefaces.component</component-family>
        <renderer-type>org.primefaces.component.AutoCompleteRenderer</renderer-type>
        <renderer-class>com.example.MyAutoCompleteRenderer</renderer-class>
    </renderer>
</render-kit>

(вы можете узнать семейство компонентов и тип визуализатора, посмотрев исходный код класса AutoComplete, они указаны как константы COMPONENT_FAMILY и RENDERER_TYPE)

Нет, аннотация @FacesRenderer просто не будет работать, если целью является переопределение пользовательских рендерингов, которые уже зарегистрированы в faces-config.xml.

Ответ 2

Большинство тегов могут быть расширены, используя атрибут-тег из JSF-Ext.

<html xmlns:h="http://java.sun.com/jsf/html" xmlns:e="http://java.sun.com/jsf/ext">
    <!-- ... -->
    <h:inputText id="name" value="#{bean.name}">
        <e:attribute name="placeholder" value="My Name"/>
    </h:inputText>
    <!-- ... -->
</html>

Вы можете настроить его через maven:

<dependency>
    <groupId>com.intersult</groupId>
    <artifactId>jsf-ext</artifactId>
    <version>2.2.0.1</version>
</dependency>

JSF-Ext - это библиотека из http://www.intersult.com/wiki/page/JSF%20Ext

Ответ 3

Я не уверен, что это возможно вообще. Я бы добавил эти атрибуты на стороне клиента, используя javascript или jQuery.

Вы можете поместить el выражения в свой javascript-код, если хотите интегрировать серверные вещи.