Magento 2.0 - Render Custom Sales Order Grid Column as Link instead of plain text












3














I managed to add a column on my sales order grid by adding a column to sales_order_grid table and added the following xmls respectively:



di.xml



<virtualType name="MagentoSalesModelResourceModelOrderGrid" type="MagentoSalesModelResourceModelGrid">
<arguments>
<argument name="columns" xsi:type="array">
<item name="rahaha_transaction_id" xsi:type="string">sales_order.rahaha_transaction_id</item>
</argument>
</arguments>
</virtualType>


sales_order_grid.xml



<?xml version="1.0" encoding="UTF-8"?>
<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
<columns name="sales_order_columns">
<column name="rahaha_transaction_id">
<argument name="data" xsi:type="array">
<item name="js_config" xsi:type="array">
<item name="component" xsi:type="string">Magento_Ui/js/grid/columns/column</item>
</item>
<item name="config" xsi:type="array">
<item name="visible" xsi:type="boolean">true</item>
<item name="dataType" xsi:type="string">text</item>
<item name="align" xsi:type="string">left</item>
<item name="label" xsi:type="string" translate="true">Rahaha Txn</item>
</item>
</argument>
</column>
</columns>
</listing>


while I can hardcode the link on the column I added to the sales_order_grid table, is it possible to programmatically convert instead the grid column to show up as an HTML link, instead of plain text?



UPDATE
Ok I have managed to find a "potential" solution, the link shows up but, when you click on the link, it wont open the url but instead go to the Order details page. Any of you know how to solve this? This updated potential solution seems to be better since it also adds a filter to the custom column (which I was supposed to implement next after I have solved this issue).



sales_order_grid.xml



<?xml version="1.0" encoding="UTF-8"?>
<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
<columns name="sales_order_columns">
<column name="rahaha_transaction_id" class="RahahaAdminSampleUiComponentListingColumnIsRahahaOrder">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="filter" xsi:type="string">text</item>
<item name="bodyTmpl" xsi:type="string">ui/grid/cells/html</item>
<item name="visible" xsi:type="boolean">false</item>
<item name="label" xsi:type="string" translate="true">Rahaha Txn</item>
</item>
</argument>
</column>
</columns>
</listing>


IsRahahaOrder.php Class



<?php
namespace RahahaAdminSampleUiComponentListingColumn;

use MagentoFrameworkEscaper;
use MagentoUiComponentListingColumnsColumn;
use MagentoFrameworkViewElementUiComponentContextInterface;
use MagentoFrameworkViewElementUiComponentFactory;
use MagentoSalesModelResourceModelOrderStatusCollectionFactory;

class IsRahahaOrder extends Column
{
protected $_resource;
protected $_scopeConfig;
protected $escaper;

public function __construct(
ContextInterface $context,
UiComponentFactory $uiComponentFactory,
Escaper $escaper,
array $components = ,
array $data =
) {
$this->escaper = $escaper;
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) {
$item[$this->getData('name')] = "{$item[$this->getData('name')]}";
}
}
return $dataSource;
}
}









share|improve this question
















bumped to the homepage by Community yesterday


This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.















  • i have added a potiential solution, it still has issues though. on the line with $item[$this->getData('name')] = "{$item[$this->getData('name')]}";, we can now make it as link, but it cannot be clicked. clikcing will go to order details page.
    – Rahahaha
    May 10 '16 at 6:59


















3














I managed to add a column on my sales order grid by adding a column to sales_order_grid table and added the following xmls respectively:



di.xml



<virtualType name="MagentoSalesModelResourceModelOrderGrid" type="MagentoSalesModelResourceModelGrid">
<arguments>
<argument name="columns" xsi:type="array">
<item name="rahaha_transaction_id" xsi:type="string">sales_order.rahaha_transaction_id</item>
</argument>
</arguments>
</virtualType>


sales_order_grid.xml



<?xml version="1.0" encoding="UTF-8"?>
<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
<columns name="sales_order_columns">
<column name="rahaha_transaction_id">
<argument name="data" xsi:type="array">
<item name="js_config" xsi:type="array">
<item name="component" xsi:type="string">Magento_Ui/js/grid/columns/column</item>
</item>
<item name="config" xsi:type="array">
<item name="visible" xsi:type="boolean">true</item>
<item name="dataType" xsi:type="string">text</item>
<item name="align" xsi:type="string">left</item>
<item name="label" xsi:type="string" translate="true">Rahaha Txn</item>
</item>
</argument>
</column>
</columns>
</listing>


while I can hardcode the link on the column I added to the sales_order_grid table, is it possible to programmatically convert instead the grid column to show up as an HTML link, instead of plain text?



UPDATE
Ok I have managed to find a "potential" solution, the link shows up but, when you click on the link, it wont open the url but instead go to the Order details page. Any of you know how to solve this? This updated potential solution seems to be better since it also adds a filter to the custom column (which I was supposed to implement next after I have solved this issue).



sales_order_grid.xml



<?xml version="1.0" encoding="UTF-8"?>
<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
<columns name="sales_order_columns">
<column name="rahaha_transaction_id" class="RahahaAdminSampleUiComponentListingColumnIsRahahaOrder">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="filter" xsi:type="string">text</item>
<item name="bodyTmpl" xsi:type="string">ui/grid/cells/html</item>
<item name="visible" xsi:type="boolean">false</item>
<item name="label" xsi:type="string" translate="true">Rahaha Txn</item>
</item>
</argument>
</column>
</columns>
</listing>


IsRahahaOrder.php Class



<?php
namespace RahahaAdminSampleUiComponentListingColumn;

use MagentoFrameworkEscaper;
use MagentoUiComponentListingColumnsColumn;
use MagentoFrameworkViewElementUiComponentContextInterface;
use MagentoFrameworkViewElementUiComponentFactory;
use MagentoSalesModelResourceModelOrderStatusCollectionFactory;

class IsRahahaOrder extends Column
{
protected $_resource;
protected $_scopeConfig;
protected $escaper;

public function __construct(
ContextInterface $context,
UiComponentFactory $uiComponentFactory,
Escaper $escaper,
array $components = ,
array $data =
) {
$this->escaper = $escaper;
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) {
$item[$this->getData('name')] = "{$item[$this->getData('name')]}";
}
}
return $dataSource;
}
}









share|improve this question
















bumped to the homepage by Community yesterday


This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.















  • i have added a potiential solution, it still has issues though. on the line with $item[$this->getData('name')] = "{$item[$this->getData('name')]}";, we can now make it as link, but it cannot be clicked. clikcing will go to order details page.
    – Rahahaha
    May 10 '16 at 6:59
















3












3








3







I managed to add a column on my sales order grid by adding a column to sales_order_grid table and added the following xmls respectively:



di.xml



<virtualType name="MagentoSalesModelResourceModelOrderGrid" type="MagentoSalesModelResourceModelGrid">
<arguments>
<argument name="columns" xsi:type="array">
<item name="rahaha_transaction_id" xsi:type="string">sales_order.rahaha_transaction_id</item>
</argument>
</arguments>
</virtualType>


sales_order_grid.xml



<?xml version="1.0" encoding="UTF-8"?>
<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
<columns name="sales_order_columns">
<column name="rahaha_transaction_id">
<argument name="data" xsi:type="array">
<item name="js_config" xsi:type="array">
<item name="component" xsi:type="string">Magento_Ui/js/grid/columns/column</item>
</item>
<item name="config" xsi:type="array">
<item name="visible" xsi:type="boolean">true</item>
<item name="dataType" xsi:type="string">text</item>
<item name="align" xsi:type="string">left</item>
<item name="label" xsi:type="string" translate="true">Rahaha Txn</item>
</item>
</argument>
</column>
</columns>
</listing>


while I can hardcode the link on the column I added to the sales_order_grid table, is it possible to programmatically convert instead the grid column to show up as an HTML link, instead of plain text?



UPDATE
Ok I have managed to find a "potential" solution, the link shows up but, when you click on the link, it wont open the url but instead go to the Order details page. Any of you know how to solve this? This updated potential solution seems to be better since it also adds a filter to the custom column (which I was supposed to implement next after I have solved this issue).



sales_order_grid.xml



<?xml version="1.0" encoding="UTF-8"?>
<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
<columns name="sales_order_columns">
<column name="rahaha_transaction_id" class="RahahaAdminSampleUiComponentListingColumnIsRahahaOrder">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="filter" xsi:type="string">text</item>
<item name="bodyTmpl" xsi:type="string">ui/grid/cells/html</item>
<item name="visible" xsi:type="boolean">false</item>
<item name="label" xsi:type="string" translate="true">Rahaha Txn</item>
</item>
</argument>
</column>
</columns>
</listing>


IsRahahaOrder.php Class



<?php
namespace RahahaAdminSampleUiComponentListingColumn;

use MagentoFrameworkEscaper;
use MagentoUiComponentListingColumnsColumn;
use MagentoFrameworkViewElementUiComponentContextInterface;
use MagentoFrameworkViewElementUiComponentFactory;
use MagentoSalesModelResourceModelOrderStatusCollectionFactory;

class IsRahahaOrder extends Column
{
protected $_resource;
protected $_scopeConfig;
protected $escaper;

public function __construct(
ContextInterface $context,
UiComponentFactory $uiComponentFactory,
Escaper $escaper,
array $components = ,
array $data =
) {
$this->escaper = $escaper;
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) {
$item[$this->getData('name')] = "{$item[$this->getData('name')]}";
}
}
return $dataSource;
}
}









share|improve this question















I managed to add a column on my sales order grid by adding a column to sales_order_grid table and added the following xmls respectively:



di.xml



<virtualType name="MagentoSalesModelResourceModelOrderGrid" type="MagentoSalesModelResourceModelGrid">
<arguments>
<argument name="columns" xsi:type="array">
<item name="rahaha_transaction_id" xsi:type="string">sales_order.rahaha_transaction_id</item>
</argument>
</arguments>
</virtualType>


sales_order_grid.xml



<?xml version="1.0" encoding="UTF-8"?>
<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
<columns name="sales_order_columns">
<column name="rahaha_transaction_id">
<argument name="data" xsi:type="array">
<item name="js_config" xsi:type="array">
<item name="component" xsi:type="string">Magento_Ui/js/grid/columns/column</item>
</item>
<item name="config" xsi:type="array">
<item name="visible" xsi:type="boolean">true</item>
<item name="dataType" xsi:type="string">text</item>
<item name="align" xsi:type="string">left</item>
<item name="label" xsi:type="string" translate="true">Rahaha Txn</item>
</item>
</argument>
</column>
</columns>
</listing>


while I can hardcode the link on the column I added to the sales_order_grid table, is it possible to programmatically convert instead the grid column to show up as an HTML link, instead of plain text?



UPDATE
Ok I have managed to find a "potential" solution, the link shows up but, when you click on the link, it wont open the url but instead go to the Order details page. Any of you know how to solve this? This updated potential solution seems to be better since it also adds a filter to the custom column (which I was supposed to implement next after I have solved this issue).



sales_order_grid.xml



<?xml version="1.0" encoding="UTF-8"?>
<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
<columns name="sales_order_columns">
<column name="rahaha_transaction_id" class="RahahaAdminSampleUiComponentListingColumnIsRahahaOrder">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="filter" xsi:type="string">text</item>
<item name="bodyTmpl" xsi:type="string">ui/grid/cells/html</item>
<item name="visible" xsi:type="boolean">false</item>
<item name="label" xsi:type="string" translate="true">Rahaha Txn</item>
</item>
</argument>
</column>
</columns>
</listing>


IsRahahaOrder.php Class



<?php
namespace RahahaAdminSampleUiComponentListingColumn;

use MagentoFrameworkEscaper;
use MagentoUiComponentListingColumnsColumn;
use MagentoFrameworkViewElementUiComponentContextInterface;
use MagentoFrameworkViewElementUiComponentFactory;
use MagentoSalesModelResourceModelOrderStatusCollectionFactory;

class IsRahahaOrder extends Column
{
protected $_resource;
protected $_scopeConfig;
protected $escaper;

public function __construct(
ContextInterface $context,
UiComponentFactory $uiComponentFactory,
Escaper $escaper,
array $components = ,
array $data =
) {
$this->escaper = $escaper;
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) {
$item[$this->getData('name')] = "{$item[$this->getData('name')]}";
}
}
return $dataSource;
}
}






magento2






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited May 10 '16 at 6:59

























asked May 9 '16 at 7:33









Rahahaha

164313




164313





bumped to the homepage by Community yesterday


This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.







bumped to the homepage by Community yesterday


This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.














  • i have added a potiential solution, it still has issues though. on the line with $item[$this->getData('name')] = "{$item[$this->getData('name')]}";, we can now make it as link, but it cannot be clicked. clikcing will go to order details page.
    – Rahahaha
    May 10 '16 at 6:59




















  • i have added a potiential solution, it still has issues though. on the line with $item[$this->getData('name')] = "{$item[$this->getData('name')]}";, we can now make it as link, but it cannot be clicked. clikcing will go to order details page.
    – Rahahaha
    May 10 '16 at 6:59


















i have added a potiential solution, it still has issues though. on the line with $item[$this->getData('name')] = "{$item[$this->getData('name')]}";, we can now make it as link, but it cannot be clicked. clikcing will go to order details page.
– Rahahaha
May 10 '16 at 6:59






i have added a potiential solution, it still has issues though. on the line with $item[$this->getData('name')] = "{$item[$this->getData('name')]}";, we can now make it as link, but it cannot be clicked. clikcing will go to order details page.
– Rahahaha
May 10 '16 at 6:59












1 Answer
1






active

oldest

votes


















0














Change the <column> tag to <actionsColumn>. So:



<column name="rahaha_transaction_id" class="RahahaAdminSampleUiComponentListingColumnIsRahahaOrder">


Becomes



<actionsColumn name="rahaha_transaction_id" class="RahahaAdminSampleUiComponentListingColumnIsRahahaOrder">





share|improve this answer





















    Your Answer








    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "479"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: false,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: null,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f114493%2fmagento-2-0-render-custom-sales-order-grid-column-as-link-instead-of-plain-tex%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    0














    Change the <column> tag to <actionsColumn>. So:



    <column name="rahaha_transaction_id" class="RahahaAdminSampleUiComponentListingColumnIsRahahaOrder">


    Becomes



    <actionsColumn name="rahaha_transaction_id" class="RahahaAdminSampleUiComponentListingColumnIsRahahaOrder">





    share|improve this answer


























      0














      Change the <column> tag to <actionsColumn>. So:



      <column name="rahaha_transaction_id" class="RahahaAdminSampleUiComponentListingColumnIsRahahaOrder">


      Becomes



      <actionsColumn name="rahaha_transaction_id" class="RahahaAdminSampleUiComponentListingColumnIsRahahaOrder">





      share|improve this answer
























        0












        0








        0






        Change the <column> tag to <actionsColumn>. So:



        <column name="rahaha_transaction_id" class="RahahaAdminSampleUiComponentListingColumnIsRahahaOrder">


        Becomes



        <actionsColumn name="rahaha_transaction_id" class="RahahaAdminSampleUiComponentListingColumnIsRahahaOrder">





        share|improve this answer












        Change the <column> tag to <actionsColumn>. So:



        <column name="rahaha_transaction_id" class="RahahaAdminSampleUiComponentListingColumnIsRahahaOrder">


        Becomes



        <actionsColumn name="rahaha_transaction_id" class="RahahaAdminSampleUiComponentListingColumnIsRahahaOrder">






        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered May 26 '16 at 4:05









        Robert Potter

        1




        1






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Magento Stack Exchange!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.





            Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


            Please pay close attention to the following guidance:


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f114493%2fmagento-2-0-render-custom-sales-order-grid-column-as-link-instead-of-plain-tex%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            1300-talet

            1300-talet

            Display a custom attribute below product name in the front-end Magento 1.9.3.8