Arhn - архитектура программирования

Как написать пользовательский компонент, который использует идентификатор своего родителя при рендеринге некоторого javascript?

Я хотел бы написать собственный компонент, который отображает функцию javascript. В основном он будет вести себя как омнифейс onloadscript и будет использовать идентификатор клиента включающего родителя в качестве параметра функции javascript.

Пример:

<h:panelGroup id="panel">
    <my:component />
</h:panelGroup>

Я начал писать такой пользовательский компонент, используя в качестве руководства реализацию omnifaces onloadscript. Пока все выглядит хорошо, но когда объемлющий родитель является составным компонентом, фактическим родителем моего пользовательского компонента является не составной компонент, а родитель тега insertChildren.

Хотя это имеет смысл, это, конечно, не то поведение, которое мне нужно.

Пример:

<my:composite id="panel">
    <my:component />
</my:composite>

Идентификатор клиента родителя my:component не является «панелью», если составной элемент использует тег insertChildren в своей реализации.

Вопросы:

  • Как я могу решить эту проблему?
  • Может ли мой пользовательский компонент быть обработчиком тегов, который создаст один компонент ресурса в корне представления вместо фактического компонента пользовательского интерфейса, перемещенного в корень представления?
javascript jsf-2.2 jsf-2 omnifaces
23.02.2017

Ответы:


1

Я наконец нашел решение.

Я реализовал обработчик тегов, который добавляет компонент пользовательского интерфейса в дерево представления при обработке тега. См. комментарии в коде ниже. Обработчик тега:

private final TagAttribute someAttribute;

@Override
public void apply(FaceletContext ctx, UIComponent parent) {
    UIComponent parentOfParent = parent != null ? parent.getParent() : null;

    // process only when created
    if (parent != null && parentOfParent == null) {
        Supplier<String> scriptProvider = getScriptProvider(ctx, parent);
        ScriptComponent scriptComponent = new ScriptComponent(scriptProvider);
        parent.getChildren().add(scriptComponent);
        // note: the actual script is obtained when the ScriptComponent is rendered
    }
}

protected Supplier<String> getScriptProvider(FaceletContext ctx, UIComponent target) {
    // this is invoked when the tag is processed, so it's Ok for the EL context
    String someValue = someAttribute.getValue(ctx);

    return () -> {
        // this is invoked by the script component when it is rendered,
        // so we have the correct client ID even if the target is a composite component
        String targetId = target.getClientId();
        return String.format("myFunction('%s', '%s');", targetId, someValue);
    };
}

Компонент пользовательского интерфейса:

private final Supplier<String> scriptProvider;

@Override
public void encodeBegin(FacesContext context) throws IOException {
    ResponseWriter writer = context.getResponseWriter();
    writer.append("\n");
    writer.startElement("script", this);
    writer.append("\n");

    String script = scriptProvider.get();
    writer.append(script);
    writer.append("\n");
}

@Override
public void encodeEnd(FacesContext context) throws IOException {
    ResponseWriter writer = context.getResponseWriter();
    writer.endElement("script");
}
28.02.2017
Новые материалы
Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..