title: p:ajax listener doesn't work in primefaces
body: <p>I want to drag items and drop it into dashboard. I can take the outputLabel component which is draggable but I can't drop it into dashboard. In droppable tag for dashboard, p:ajax listener elements doesn't work. How can I fix it? or Where is my mistake? Can anyone help me?</p>
  
  <p><strong>Here is my bean function:</strong></p>
  
  <pre><code>public void f_onCompDrop(DragDropEvent ddEvent) {
          FacesContext fc = FacesContext.getCurrentInstance();
          Application application = fc.getApplication();
          dashboard = (Dashboard) application.createComponent(fc, "org.primefaces.component.Dashboard",
                  "org.primefaces.component.DashboardRenderer");
          UIComponent comp = ddEvent.getComponent().findComponent(ddEvent.getDragId()); 
          dashboard.setId(ddEvent.getDropId());
          getDashboardComponents();
          DashboardModel model = new DefaultDashboardModel();
          for (int i = 0; i &lt; 3; i++) {
              DashboardColumn column = new DefaultDashboardColumn();
              model.addColumn(column);
  
          }
          dashboard.setModel(model); 
          if (comp.getId().startsWith("out", 0)) { 
              OutputTextBean out = new OutputTextBean();
              OutputLabel outputLbl = new OutputLabel();
              outputLbl.setId("out_" + out.getID());
              outputLbl.setValue("Dragged");
              model.getColumn(0).addWidget(outputLbl.getId());
          }
  
          components.add(comp);
      }
  </code></pre>
  
  <p><strong>Here is my xhtml file:</strong></p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;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:p="http://primefaces.org/ui"&gt;
  
      &lt;f:view contentType="text/html"&gt;
          &lt;h:head&gt;
              &lt;style type="text/css"&gt;
                  .ui-widget {
                      font-size: 75%;
                  }
                  .ui-layout-west {
                      z-index:20 !important;
                      overflow:visible;
                  }
                  .ui-layout-west .ui-layout-unit-content {
                      overflow:visible;
                  }
              &lt;/style&gt;
          &lt;/h:head&gt;
  
          &lt;h:body&gt;
              &lt;p:layout fullPage="true"&gt;
  
                  &lt;p:layoutUnit id="top" position="north" header="menu" size="100"&gt;
                  &lt;/p:layoutUnit&gt;
  
                  &lt;p:layoutUnit id="bottom" position="south" header="properties" size="100"&gt;
                  &lt;/p:layoutUnit&gt;
  
                  &lt;p:layoutUnit id="left" position="west" header="toolbox" size="200" &gt;
                      &lt;p:outputLabel id="out_1" value="outputlabel"/&gt;
                      &lt;p:draggable for="out_1" helper="clone"/&gt;
                  &lt;/p:layoutUnit&gt;
  
                  &lt;p:layoutUnit id="middle" position="center" &gt;
                      &lt;p:tabView&gt;
                          &lt;p:tab title="Page 1"&gt;
                              &lt;p:dashboard id="dashboard" binding="#{myBean.dashboard}" style="width: 600px; height: 600px;"&gt;
                              &lt;/p:dashboard&gt;
  
                              &lt;p:droppable for="dashboard" &gt;
                                  &lt;p:ajax listener="#{myBean.f_onCompDrop}" update="dashboard"/&gt;
                              &lt;/p:droppable&gt;
                          &lt;/p:tab&gt;
                      &lt;/p:tabView&gt;
                  &lt;/p:layoutUnit&gt;
  
              &lt;/p:layout&gt;
          &lt;/h:body&gt;
      &lt;/f:view&gt;
  &lt;/html&gt;
  </code></pre>