5 Replies Latest reply on Sep 1, 2013 7:25 PM by moshebeeri

    rich:autocomplete example not working

    ejb3workshop
    ejb3workshop Aug 26, 2013 3:05 PM

      I am trying to run the autocomplete example (http://www.mastertheboss.com/richfaces/richfaces-4-quick-tutorial/page-2) on tomcat using JSF 2.2. However the pop-up showing me the options never appears.

       

      Firebug reports the ajax response as following:

      <partial-response id="j_id1"><changes>
<update id="j_idt5:j_idt7">
<![CDATA[<span class="rf-msg " id="j_idt5:j_idt7"></span>]]>
</update>
<update id="j_idt5:j_idt10Items"><![CDATA[<div id="j_idt5:j_idt10Items">
<div class="rf-au-itm rf-au-opt rf-au-fnt rf-au-inp">England</div>
<div class="rf-au-itm rf-au-opt rf-au-fnt rf-au-inp">France</div>
<div class="rf-au-itm rf-au-opt rf-au-fnt rf-au-inp">Germany</div>
<div class="rf-au-itm rf-au-opt rf-au-fnt rf-au-inp">Italy</div>
<div class="rf-au-itm rf-au-opt rf-au-fnt rf-au-inp">Spain</div></div>]]>
</update>
<update id="javax.faces.ViewState"><![CDATA[1464693117226383287:-4493261262429297404]]></update>
<extension id="org.richfaces.extension">
<complete>new RichFaces.ui.Message(&quot;j_idt5:j_idt7&quot;,{&quot;forComponentId&quot;:&quot;j_idt5:name&quot;,&quot;showSummary&quot;:false,&quot;showDetail&quot;:true} );RichFaces.javascriptServiceComplete();;</complete>
<render>j_idt5:j_idt10@items</render><componentData>{&quot;j_idt5:j_idt10&quot;:[&quot;England&quot;,&quot;France&quot;,&quot;Germany&quot;,&quot;Italy&quot;,&quot;Spain&quot;] } </componentData></extension></changes>
</partial-response>

      And there are no exceptions reported on the server side. I suspect the problem lies on the browser side not being able to interpret the response correctly.

      Any suggestion on how I can debug this further ?

      package com.j2anywhere.project013.web;

import java.util.ArrayList;
import java.util.List;
import javax.enterprise.context.ApplicationScoped;
import javax.inject.Named;
import javax.validation.constraints.Size;

@Named(value = "userBean")
@ApplicationScoped
public class UserBean {

    public List autocomplete(String prefix) {

        ArrayList result = new ArrayList();
        result.add("England");
        result.add("France");
        result.add("Germany");
        result.add("Italy");
        result.add("Spain");

        return result;
    }

    @Size(min=3, max=12,message="Must be between 3 and 12 chars")
    private String name;

    private String state;

    public String getState() {
        return state;
    }

    public String getName() {
        return name;
    }

}

       

      XHTML page

       

      <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html 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:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich"
template="./template.xhtml">

<f:view>
<h:head></h:head>
<h:body>

<rich:panel header="Richfaces sample validation and auto-completion">
  <h:form>
    <h:outputText value="Enter your name" />
    <h:inputText id="name" value="#{userBean.name}">
        <rich:validator />
    </h:inputText>

    <rich:message for="name" />
    <br />

    <h:outputText value="Enter your state" />
    <rich:autocomplete value="#{userBean.state}" minChars="1" autocompleteMethod="#{userBean.autocomplete}" />
  </h:form>
</rich:panel>

</h:body>
</f:view>
</html>
      • 3230 Views
      • Tags: