overrule rowOnClick t:datatable

Question

我有一个触发rowOnClick事件的t:datatable。这是有效的，但我有一个列的图标，当你点击图标，弹出窗口打开。但它也会触发rowOnClick事件。我不希望那个图标，我不希望触发rowOnClick事件

是否可以覆盖/否决数据表中某些列的rowOnClick事件

<t:dataTable rowClasses="row1,row2" id="typelist" value="#{vehicle.vehicleTypeList}" rowOnClick="selectType(#{vehicle_types.id},#{vehicle_types.reference})">
...
...
...
  <t:column id="carinformation" >
    <h:outputLink styleClass="listicons" value="#" onclick="popup=window.open('vehicle/detail.xhtml?vehicleid=#{vehicle_types.id}','vehciledetails','width=800,height=500,resizable=yes,scrollbars=yes');popup.focus();return false;" >
      <img src="images/information.gif" title="${msg.vehicle_information}"/>
    </h:outputLink>
  </t:column>   
</t:dataTable>  

Answer 1

DOM元素可以相互嵌套。不管怎么说，即使你点击它的子元素，父元素的处理程序也会工作。

原因是事件冒泡。

要阻止这种情况，将event.stopPropagation();添加到图像链接的onclick中，使其看起来像这样:

<h:outputLink onclick="event.stopPropagation(); popup=window.open('vehicle/detail.xhtml?vehicleid=#{vehicle_types.id}','vehciledetails','width=800,height=500,resizable=yes,scrollbars=yes');popup.focus();return false;" >
  <img src="images/information.gif" title="${msg.vehicle_information}"/>
</h:outputLink>

阅读更多:

• event.stopPropagation ()