ADF create form : change value fields

Question

Hi all,
I have a create form:
first problem
one field is an ID known by my backing bean
<af:form>
        <af:panelFormLayout>
          <af:inputText value="#{bindings.Mpr.inputValue}"
                        label="#{bindings.Mpr.hints.label}"
                        required="#{bindings.Mpr.hints.mandatory}"
                        columns="150"
                        maximumLength="#{bindings.Mpr.hints.precision}"                       
                        shortDesc="#{bindings.Mpr.hints.tooltip}"
                        clientComponent="true">
            <f:validator binding="#{bindings.Mpr.validator}"/>
            <af:convertNumber groupingUsed="false" pattern="#{bindings.Mpr.format}"/>
            <af:clientListener method="getMpr" type="mouseOver"/>
            <af:serverListener method="#{backing_main.remplirChampMprCreerNote}" type="seekMPR"/>
          </af:inputText>I would like that when my page appears this value field *#{bindings.Mpr.inputValue}* be filled by this one *#{backing_bean.myID}* .
second problem
I have 3 richTextEditor who provide auto-completion (If you type ADF and then *<ctrl+space>*, ADF would be replaced by Application Developpement Framework thanks to a bean)
It works outside a create form . Inside a create form the problem is when calling my bean I have a validator alert who say "you must enter a value" and my Component's value is reseted..
Does someone knows these problems ?
Thanks,
valéry.

Answer 1

Hello simply,
I have an af:form generated by a viewObject's drag and drop, the automatically generated code use bindings, I just replace 3 af:inputText by 3 af:richTextEditors and I add the listeners for <ctrl+space> event.
here is the JSF page :
    <f:view>
    <af:document title="une note au dossier médical">
    <af:messages/>
                        <f:verbatim>
            <![CDATA[       
            <script language="javascript" type="text/javascript">
            var comp;
            var target;
            var prevKey;
            var curKey=0;
            function wysiwygKeyPress(event) {
                prevKey = curKey;               
                curKey = event.keyCode;
                var wysiwygValue="";
                if(prevKey==17 && curKey==32)   // CTRL + espace
                    var richTextEditor = comp; //wysiwygmode
                    if (target.contentWindow.document.attachEvent){   //IE specific
                         if(target.contentWindow.document.body.firstChild.innerHTML)
                            wysiwygValue = target.contentWindow.document.body.firstChild.innerHTML;
                         else
                             wysiwygValue = target.contentWindow.document.body.innerHTML;
                      else {     //FF specific
                         wysiwygValue = target.contentDocument.body.firstChild.textContent;
                    AdfCustomEvent.queue(comp, "customEvent",{value1:wysiwygValue}, true);
            function rteMouseOver(event) {
                comp = event.getSource(); //helper function
                target = event._target;
                //IE could not find the event._target
                var clientId = comp.getClientId()  + "::cont";
                var iframe = document.getElementById(clientId);
                if (iframe.contentWindow.document.attachEvent) { //IE
                   target = iframe;
                   //IE uses attachEvent
                   iframe.contentWindow.document.attachEvent('onkeydown', function() { wysiwygKeyPress(iframe.contentWindow.event); });
                else {
                //FF uses addEventListener
                  iframe.contentWindow.addEventListener('keydown',wysiwygKeyPress, true);
            </script>
            ]]>
        </f:verbatim>
      <af:form>
        <af:panelFormLayout>
          <af:inputText value="#{bindings.Mpr.inputValue}"
                        label="#{bindings.Mpr.hints.label}"
                        required="#{bindings.Mpr.hints.mandatory}"
                        columns="150"
                        maximumLength="#{bindings.Mpr.hints.precision}"                       
                        shortDesc="#{bindings.Mpr.hints.tooltip}"
                        clientComponent="true"
                        >
            <f:validator binding="#{bindings.Mpr.validator}"/>
            <af:convertNumber groupingUsed="false" pattern="#{bindings.Mpr.format}"/>
          </af:inputText>
          <af:inputText value="#{bindings.Commentaire.inputValue}"
                        label="#{bindings.Commentaire.hints.label}"
                        required="#{bindings.Commentaire.hints.mandatory}"
                        columns="150"
                        maximumLength="#{bindings.Commentaire.hints.precision}"
                        shortDesc="#{bindings.Commentaire.hints.tooltip}"
                        >
            <f:validator binding="#{bindings.Commentaire.validator}"/>
          </af:inputText>
          <af:spacer width="19" height="17"/>
          <af:richTextEditor value="#{bindings.Observation.inputValue}"
                             label="#{bindings.Observation.hints.label}"
                             required="#{bindings.Observation.hints.mandatory}"
                             columns="150"
                             shortDesc="#{bindings.Observation.hints.tooltip}"
                             clientComponent="true">
                <af:clientListener type="mouseOver" method="rteMouseOver"/>
                <af:serverListener type="customEvent" method="#{backing_main.ctrlSpaceHandler}"/>
          </af:richTextEditor>
          <af:spacer width="15" height="22"/>
          <af:richTextEditor value="#{bindings.Traitement.inputValue}"
                             label="#{bindings.Traitement.hints.label}"
                             required="#{bindings.Traitement.hints.mandatory}"
                             columns="150"
                             shortDesc="#{bindings.Traitement.hints.tooltip}"
                             clientComponent="true">
                <af:clientListener type="mouseOver" method="rteMouseOver"/>
                <af:serverListener type="customEvent" method="#{backing_main.ctrlSpaceHandler}"/>
          </af:richTextEditor>                            
          <af:spacer width="17" height="18"/>
          <af:richTextEditor value="#{bindings.Conclusion.inputValue}"
                             label="#{bindings.Conclusion.hints.label}"
                             required="#{bindings.Conclusion.hints.mandatory}"
                             columns="150"
                             shortDesc="#{bindings.Conclusion.hints.tooltip}"
                             clientComponent="true">
                <af:clientListener type="mouseOver" method="rteMouseOver"/>
                <af:serverListener type="customEvent" method="#{backing_main.ctrlSpaceHandler}"/>
        </af:richTextEditor>                            
        </af:panelFormLayout>
        <af:commandButton text="Sauvegarder la note"
                          action="#{backing_main.creerNote}"/>
      </af:form>
    </af:document>
  </f:view>A pageDef file is automatically created :
<pageDefinition xmlns="http://xmlns.oracle.com/adfm/uimodel"
                version="11.1.1.52.5" id="ajoutNote3PageDef"
                Package="viewcontroller.pageDefs">
  <parameters/>
  <executables>
    <iterator Binds="TmpnoteView1" RangeSize="25"
              DataControl="AppModuleDataControl" id="TmpnoteView1Iterator"/>
    <invokeAction Binds="Create" id="invokeCreate" Refresh="prepareModel"
                  RefreshCondition="${!adfFacesContext.postback and empty bindings.exceptionsList}"/>             
  </executables>
  <bindings>
    <attributeValues IterBinding="TmpnoteView1Iterator" id="Mpr">
      <AttrNames>
        <Item Value="Mpr"/>
      </AttrNames>
    </attributeValues>
    <attributeValues IterBinding="TmpnoteView1Iterator" id="Observation">
      <AttrNames>
        <Item Value="Observation"/>
      </AttrNames>
    </attributeValues>
    <attributeValues IterBinding="TmpnoteView1Iterator" id="Traitement">
      <AttrNames>
        <Item Value="Traitement"/>
      </AttrNames>
    </attributeValues>
    <attributeValues IterBinding="TmpnoteView1Iterator" id="Conclusion">
      <AttrNames>
        <Item Value="Conclusion"/>
      </AttrNames>
    </attributeValues>
    <attributeValues IterBinding="TmpnoteView1Iterator" id="Commentaire">
      <AttrNames>
        <Item Value="Commentaire"/>
      </AttrNames>
    </attributeValues>
    <action IterBinding="TmpnoteView1Iterator" id="Create"
            RequiresUpdateModel="true" Action="createRow"/>
    <action id="Commit" RequiresUpdateModel="true" Action="commitTransaction"
            DataControl="AppModuleDataControl"/>
  </bindings>
</pageDefinition>I add to this form a create button and a commit button, you could see it in the pageDef :
<action IterBinding="TmpnoteView1Iterator" id="Create"
            RequiresUpdateModel="true" Action="createRow"/>
<action id="Commit" RequiresUpdateModel="true" Action="commitTransaction"
            DataControl="AppModuleDataControl"/>I call these actions in the bean creerNote called by my submit buton:
public String creerNote() throws IOException {
        // --- modify fields to remove some html tags --- //
        // --- 1. get EL context --- //
        FacesContext facesContext = FacesContext.getCurrentInstance();
        Application app = facesContext.getApplication();
        ExpressionFactory elFactory = app.getExpressionFactory();
        ELContext elContext = facesContext.getELContext();
        // --- 2. get ExpressionValues --- //
        ValueExpression valueExpObserv = elFactory.createValueExpression(elContext, "#{bindings.Observation.inputValue}", String.class);
        ValueExpression valueExpConcl = elFactory.createValueExpression(elContext, "#{bindings.Traitement.inputValue}", String.class);
        ValueExpression valueExpTrait = elFactory.createValueExpression(elContext, "#{bindings.Conclusion.inputValue}", String.class);
        // --- 3. get String values --- //
        String texteObserv = (String)valueExpObserv.getValue(elContext);
        String texteConcl = (String)valueExpConcl.getValue(elContext);
        String texteTrait = (String)valueExpTrait.getValue(elContext);
        // --- 4. remove some html tags --- //
        texteObserv = texteObserv.replaceAll("<p>","");
        texteObserv = texteObserv.replaceAll("</p>","");
        System.out.println("[Main.java] CreerNote > observations après traitement : "+texteObserv);
        texteConcl = texteConcl.replaceAll("<p>","");
        texteConcl = texteConcl.replaceAll("</p>","");
        System.out.println("[Main.java] CreerNote > conclusions après traitement : "+texteConcl);
        texteTrait = texteTrait.replaceAll("<p>","");
        texteTrait = texteTrait.replaceAll("</p>","");
        System.out.println("[Main.java] CreerNote > traitements après traitement : "+texteTrait);
        // --- set new values --- //
        valueExpObserv.setValue(elContext, texteObserv);
        valueExpConcl.setValue(elContext, texteConcl);
        valueExpTrait.setValue(elContext, texteTrait);       
        // --- set mpr field --- //
        ValueExpression valueExpMPR = elFactory.createValueExpression(elContext, "#{bindings.Mpr.inputValue}", String.class);
        valueExpMPR.setValue(elContext, getMprSelected());
        // --- call the create pageDef's action --- //
        bindings = getBindings();
         OperationBinding operationBinding = bindings.getOperationBinding("Create");
         operationBinding.execute();    
        // --- call the commit pageDef's action --- //
        bindings = getBindings();
        operationBinding = bindings.getOperationBinding("Commit");
        operationBinding.execute();       
        return "Abrev";
}As you know, If I type <ctrl+space> I call the method ctrlspaceHandler who change the value of the component.
public void ctrlSpaceHandler(ClientEvent clientEvent) {
        // --- get applicationModule --- //
        if(am==null)
           setAm();
        // --- get myViewObject --- //
        ViewObjectImpl mesAbrev = am.getThesaurusVO1();
        ViewCriteria vc =  mesAbrev.createViewCriteria();
        ViewCriteriaRow vcRow = vc.createViewCriteriaRow();
        // --- get richTextEditor's last word without html tags--- //
        RichTextEditor rte = (RichTextEditor) clientEvent.getComponent();
        String texte = (String)clientEvent.getParameters().get("value1");
        System.out.println("[Main.java] ctrlSpaceHandler > valeur du rte via rte.getParameter: "+texte);
        int indiceDernierMot = texte.lastIndexOf(" ");
        indiceDernierMot++;
        String abr = texte.substring(indiceDernierMot).toUpperCase();
        abr = abr.replaceAll("<BR/>",""); abr = abr.replaceAll("<br>","");
        abr = abr.replaceAll("</P>",""); abr = abr.replaceAll("</p>","");
        abr = abr.replaceAll("</FONT>",""); abr = abr.replaceAll("</font>","");
        abr = abr.replaceAll("</SPAN>",""); abr = abr.replaceAll("</span>","");                                           
        System.out.println("[Main.java] ctrlSpaceHandler > abréviation recherchée : "+abr);
        // --- add a criteria to my viewObject --- //
        vcRow.setAttribute("Msgcourt", "like '"+abr+"'");
        vc.addElement(vcRow);
        mesAbrev.applyViewCriteria(vc);
        // --- seek the abbreviation --- //
        mesAbrev.executeQuery();
        // --- get row found --- //
        Row row = null;
        while(mesAbrev.hasNext())
            row = mesAbrev.next();
            System.out.println("[Main.java] ctrlSpaceHandler > ligne trouvée : "
                           +row.getAttribute("Spr") +" - "
                           +row.getAttribute("Msgcourt")+" - "
                           +row.getAttribute("Msglong"));
        // --- if found --- //
        if(row!=null)
            // --- get abbreviation's detail --- //
            String detail = (String)row.getAttribute("Msglong");       
            System.out.println("[Main.java] ctrlSpaceHandler > message long = "+detail);
            // --- replace abbreviation by detail in the text and update graphical component --- //
            texte = texte.replaceAll(abr.toLowerCase(), detail);
            texte = texte.replaceAll(abr.toUpperCase(), detail);
            rte.setValue(texte);
            RequestContext.getCurrentInstance().addPartialTarget(rte);
}When debug I see all my method bean works fine.
But as result on the form I have a message who say "first enter value", I can bypass this problem if I remove all richTextEditor's required attributes. Biggest problem is that my richText component is cleared after ctrl+space... My test with a richTextEditor bind to a bean was OK, the only difference here is my richTextComponents uses bindings with pageDef.
Thank you,
Valéry