Question

我正在创建一个键盘（复合组件），其中包含一些用户可以在文本字段中插入的特定符号。我需要定义两个组件作为键盘的属性，p：inputText和p：inputTextarea，将这些输入值设置为用户选择的符号。问题是我不能使用组件作为键盘属性，它不管用。在我的index.xhtml文件中，如何传递inputText？指数：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    xmlns:pe="http://java.sun.com/jsf/composite/pe"
    template="/pages/template/template.xhtml">
    <ui:define name="content">


        <p:inputText widgetVar="asd" id="asd" value="#{disciplineController.discipline.description}"/>
        <pe:keyboard textField="asd"/>

<!-- How do I pass the p:inputText as attribute? 
Already tried <pe:keyboard textField="#{asd}"/>, it gets null
-->


    </ui:define>
</ui:composition>

键盘

<composite:interface componentType="keyboardComponentBean">
    <composite:attribute name="textField" type="org.primefaces.component.inputtext.InputText"></composite:attribute>
    <composite:attribute name="textFieldArea" type="org.primefaces.component.inputtextarea.InputTextarea"></composite:attribute>
</composite:interface>

<composite:implementation>
    <h:form>
            <ui:repeat value="#{cc.attrs.SYMBOL_ARRAY}" var="symbol">
            <ui:fragment rendered="#{symbol == cc.attrs.SYMBOL_ARRAY[0]}"> Conjuntos <br /></ui:fragment>
            <ui:fragment rendered="#{symbol == cc.attrs.SYMBOL_ARRAY[11]}"> <br />Símbolos <br /></ui:fragment>
            <ui:fragment rendered="#{symbol == cc.attrs.SYMBOL_ARRAY[24]}"> <br />Subscrito <br /></ui:fragment>
            <ui:fragment rendered="#{symbol == cc.attrs.SYMBOL_ARRAY[39]}"> <br />Sobrescrito <br /></ui:fragment>
            <ui:fragment rendered="#{symbol == cc.attrs.SYMBOL_ARRAY[55]}"> <br />Grego (maiúsculo) <br /></ui:fragment>
            <ui:fragment rendered="#{symbol == cc.attrs.SYMBOL_ARRAY[65]}"> <br />Grego (minúsculo) <br /></ui:fragment>
            <ui:fragment rendered="#{symbol == cc.attrs.SYMBOL_ARRAY[81]}"> <br />Setas <br /></ui:fragment>
            <p:commandButton value="#{symbol}" action="#{cc.addText(symbol)}" />
            </ui:repeat>
    </h:form>
</composite:implementation>
</html>

FacesComponent：

package br.com.portal.education.Timer;

import javax.faces.component.FacesComponent;
import javax.faces.component.UINamingContainer;

import org.primefaces.component.inputtext.InputText;
import org.primefaces.component.inputtextarea.InputTextarea;

@FacesComponent("keyboardComponentBean")
public class Keyboard extends UINamingContainer {

    private final String[] SYMBOL_ARRAY = {..símbolos..};

    public String[] getSYMBOL_ARRAY() {
        return SYMBOL_ARRAY;
    }

    public void addText(String symbol) {
        Object textField = getAttributes().get("textField");
        Object textFieldArea = getAttributes().get("textFieldArea");
            if (textField != null){
                ((InputText) textField).setValue(((InputText) textField).getValue() + symbol);
            }

            if (textFieldArea != null){
            ((InputTextarea) textFieldArea).setValue(((InputTextarea) textFieldArea).getValue() + symbol);
        }
    }
}

Answer 1

您可以将输入组件绑定到EL表达式：

<p:inputText widgetVar="asd" id="asd" binding="#{bindedAsd}" value="#{disciplineController.discipline.description}"/>

这样您可以将其用作属性：

<pe:keyboard textField="#{bindedAsd}" />

如何将组件定义为复合组件的属性？

1 个答案: