Steer clear of using the onRowClick event if an outputLink is clicked within a RichFaces datatable

Question

Steer clear of using the onRowClick event if an outputLink is clicked within a RichFaces datatable

What is the best way to prevent the call to onRowClick on a column with an output link in a datatable that targets a new window?

<rich:dataTable id="dt" value="#{bean.cars} var="_car">
    <a:support event="onRowClick" action="#{action.navigateToCarDetails(_car.id)}"/>

    <rich:column>
        <f:facet name="header"&quo...
        
<p>When clicking on the row, it should navigate to the Car details page. Clicking on the Select column's row should update the selected car without navigating to the detail page, thanks to the <code>onclick="Event.stop(event)" function.
However, when clicking on the outputLink box to open a new window and show the manufacturer's webpage, it also updates the original page to the car details. How can this be prevented? (I have tried adding an onclick event stop similar to the select column, but it not only stops the onrowclick event but also blocks the link to the manufacturer's webpage)

javascript dom-events richfaces

Answer 1

Answer №1

The purpose of Event.stop(event) is to accomplish the following:

// halts the event from propagating up through the event chain
event.stopPropagation();

// stops the browser's default action associated with that event
event.preventDefault();

If your intention is simply to prevent bubbling, you can achieve this like so:

onclick="event.stopPropagation()"

Answer 2

The purpose of Event.stop(event) is to accomplish the following:

// halts the event from propagating up through the event chain
event.stopPropagation();

// stops the browser's default action associated with that event
event.preventDefault();

If your intention is simply to prevent bubbling, you can achieve this like so:

onclick="event.stopPropagation()"

Answer 3

Answer №2

Here's an example of how you could achieve this:

<rich:dataTable
    onRowClick="if (event.target.id.endsWith('columnId')) return false;" …>

The onRowClick function is triggered before the a4j:support element, allowing you to prevent the action from being executed by returning false.

Answer 4

Here's an example of how you could achieve this:

<rich:dataTable
    onRowClick="if (event.target.id.endsWith('columnId')) return false;" …>

The onRowClick function is triggered before the a4j:support element, allowing you to prevent the action from being executed by returning false.

Steer clear of using the onRowClick event if an outputLink is clicked within a RichFaces datatable

Answer №1

Answer №2

Similar questions

utilizing parent scope in a jQuery function callback

Make sure accordion items stay open even when another one is clicked

Set up a single array containing multiple objects in a table, each with its own unique set of keys

Navigate between pictures using hover in jQuery

Finding the index and value of a specific HTML element with jQuery click event

My React application came to an unexpected halt with an error message stating: "TypeError: Cannot read properties of undefined (reading 'prototype')"

JavaScript - Retrieve all properties and methods of an object

Comparing Angular 5 with --aot and Angular 5 with --aot=false configuration settings

JavaScript's Array.map function failing to return a value

updating react state based on filtered redux properties

Determining the dimensions of Vue slots

Encountering a timeout error when connecting to MongoDB

Charting Add-Ons for jQuery

How can I extract the initial values from PHP after receiving the JSON + serialized data in the Ajax response following the first submission?

Comparison of various approaches for invoking JavaScript/jQuery functions

Error: Invalid Syntax Detected in React

Retrieve the text value from a single object by utilizing jQuery

What is the best way to display a particular JavaScript variable in an HTML document?

Incorporate a Vue.js computed property into the data retrieved from a server

Is it possible for a Jquery radio button to trigger an infinite loop?