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

我正在创建一个带有一些特定符号的键盘（复合组件），用户可以将这些符号插入文本字段中。我需要定义两个组件作为键盘的属性，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);
        }
    }
}

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

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

通过这种方式，您可以将其用作属性：

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

相关内容

最新更新

热门标签：