title: p:dataTable: Trigger rowSelect event when click embedded content (image)
body: <p>In the example below the rowSelect-event will be triggered if I click a row, but not if clicking the image in the row. </p>
  
  <p>I understand why this happening, but i'm wondering if there is some elegant way to include the subcomponents also (possibly nested subcomponents also)?</p>
  
  <pre><code>&lt;h:form id="form"&gt;
      &lt;p:growl id="growl" showDetail="true" /&gt;
      &lt;p:dataTable id="cars" var="car" value="#{tableBean.cars}" rows="5"
          selectionMode="single"&gt;
          &lt;p:ajax event="rowSelect" listener="#{tableBean.onRowSelect}"
              update=":form" /&gt;
          &lt;p:column headerText="Model"&gt;
              &lt;p:graphicImage value="myImage.png"
                  style="width: 40px; height: 40px;" /&gt;
          &lt;/p:column&gt;
      &lt;/p:dataTable&gt;
  &lt;/h:form&gt;
  </code></pre>