Magento 2: how to set grid getRowUrl via the uiComponent

Question

In my current Magento 2 module developement, I currently have the following code in my Grid.php file:

public function getRowUrl($row)
{
    if ($id = $row->getMageProd()) {
        return $this->getUrl(
            'catalog/product/edit',
            ['id' => $id]
        );
    } else {
        return parent::getRowUrl($row);
    }
}

Is there any way I can implement such thing via my ui_component file ?

Answer 1

You can add a column at the end of the grid of type Action.
Something like this:
Inside the tag <columns> add this at the end

<actionsColumn name="actions" class="[Namespace]\[Module]\Ui\Component\Listing\Column\[Endity]Actions">
    <argument name="data" xsi:type="array">
        <item name="config" xsi:type="array">
            <item name="indexField" xsi:type="string">[pk_id]</item>
            <item name="urlEntityParamName" xsi:type="string">[param_used_in_get]</item>
        </item>
    </argument>
</actionsColumn>

then create the class [Namespace]\[Module]\Ui\Component\Listing\Column\[Entity]Actions.

namespace [Namespace]\[Module]\Ui\Component\Listing\Column;
class [Entity]Actions extends \Magento\Ui\Component\Listing\Columns\Column
{
    const URL_PATH_EDIT = '[module]/[entity]/edit';

    /**
     * URL builder
     * 
     * @var \Magento\Framework\UrlInterface
     */
    protected $_urlBuilder;

    /**
     * constructor
     * 
     * @param \Magento\Framework\UrlInterface $urlBuilder
     * @param \Magento\Framework\View\Element\UiComponent\ContextInterface $context
     * @param \Magento\Framework\View\Element\UiComponentFactory $uiComponentFactory
     * @param array $components
     * @param array $data
     */
    public function __construct(
        \Magento\Framework\UrlInterface $urlBuilder,
        \Magento\Framework\View\Element\UiComponent\ContextInterface $context,
        \Magento\Framework\View\Element\UiComponentFactory $uiComponentFactory,
        array $components = [],
        array $data = []
    )
    {
        $this->_urlBuilder = $urlBuilder;
        parent::__construct($context, $uiComponentFactory, $components, $data);
    }


    /**
     * Prepare Data Source
     *
     * @param array $dataSource
     * @return array
     */
    public function prepareDataSource(array $dataSource)
    {
        if (isset($dataSource['data']['items'])) {
            foreach ($dataSource['data']['items'] as & $item) {
                if (isset($item['mage_prod'])) {
                    $item[$this->getData('name')] = [
                        'edit' => [
                            'href' => $this->_urlBuilder->getUrl(
                                static::URL_PATH_EDIT,
                                [
                                    '[get_var]' => $item['[pk]_id']
                                ]
                            ),
                            'label' => __('Edit')
                        ],
                    ];
                }
            }
        }
        return $dataSource;
    }
}

Answer 2

Analog getRowAction actions column must exist and must have 'edit' action

<columns name="xxx_listing_columns">
    <argument name="data" xsi:type="array">
        <item name="config" xsi:type="array">
            <item name="childDefaults" xsi:type="array">
                <item name="fieldAction" xsi:type="array">
                    <item name="provider" xsi:type="string">xxx_listing.xxx_listing.xxx_listing_columns.actions</item>
                    <item name="target" xsi:type="string">applyAction</item>
                    <item name="params" xsi:type="array">
                        <item name="0" xsi:type="string">edit</item>
                        <item name="1" xsi:type="string">${ $.$data.rowIndex }</item>
                    </item>
                </item>
            </item>
        </item>
    </argument>
    <selectionsColumn name="ids">

Answer 3

You can see the product grid as example. So you need add columns.settings and actionsColumn for your component xml file

...
    <columns name="entity_columns">
        <settings>
            <childDefaults>
                <param name="fieldAction" xsi:type="array">
                    <item name="provider" xsi:type="string">component_name.component_name.entity_columns.actions</item>
                    <item name="target" xsi:type="string">applyAction</item>
                    <item name="params" xsi:type="array">
                        <item name="0" xsi:type="string">edit</item>
                        <item name="1" xsi:type="string">${ $.$data.rowIndex }</item>
                    </item>
                </param>
            </childDefaults>
        </settings>
.....
       <actionsColumn name="actions" class="Vendor\News\Ui\Component\Listing\Column\NewsActions">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="indexField" xsi:type="string">news_id</item>
                    <item name="urlEntityParamName" xsi:type="string">news_id</item>
                </item>
            </argument>
        </actionsColumn>
    </columns>
...

Also you need add styles for cursor (in your _module.less)

    .vendor_name-index-index {
    .admin__data-grid-wrap {
        .data-row {
            cursor: pointer;
        }
      }
   }