Hikmadh Commerce| Ecommerce Development Consulting | Magento Development and Consulting Service

View our collection in our block template magento2

View our collection in our block template magento2

Today we will see how to get a collection and to display it in a magento2 template.

Reminder on the Magento2 MVC

Remember what we saw in the previous tutorials


http://www.example.com/mymodule/test/index
app/code/Hikmadh/Mymodule/Controller/Test/Index.php :


<?php
namespace Hikmadh\Mymodule\Controller\Test;

use Magento\Framework\App\Action\Action;

class Index extends Action
{
    public function execute()
    {
        $this->_view->loadLayout();
        $this->_view->renderLayout();
    }
}


 The XML file app/code/Hikmadh/Mymodule/view/frontend/layout/mymodule_test_index.xml.


<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
           <block class="Hikmadh\Mymodule\Block\Contactslist" name="contactForm" template="hikmadh_mymodule::test_index.phtml"></block>
        </referenceContainer>
   </body>
</page>


It knows the information to display for our action thanks to the directives contained in this layout file.


Here magento display our block using the class Hikmadh\Mymodule\Block\Contactslist for the “logical” part and the Hikmadh_Mymodule::test_index.phtml template


i.e app/code/Hikmadh/Mymodule/view/frontend/templates/test_index.phtml for the “view” (template) part.


Edit our magento2 block to get the collection

We will now modify our block so that it automatically takes a contact type object when it is created that will allow us to retrieve its collection and pass it to our template. Edit your Contactslist.php file like this:


<?php
namespace Hikmadh\Mymodule\Block;
use Magento\Framework\View\Element\Template;

class Contactslist extends \Magento\Framework\View\Element\Template
{
    private $_mymodel;

    public function __construct(
        \Magento\Framework\View\Element\Template\Context $context,
        \Hikmadh\Mymodule\Model\Mymodel $contact,
        \Magento\Framework\App\ResourceConnection $resource,
        array $data = []
    ) {
        $this->_mymodel = $mymodel;
        $this->_resource = $resource;

        parent::__construct(
            $context,
            $data
        );
    }

    public function getContacts()
    {
        $collection = $this->_mymodel->getCollection();
        return $collection;
    }
}


Show the collection items in the template

 app/code/Hikmadh/Mymodule/view/frontend/templates/test_index.phtml as follows:

<?php
$mymodel = $this->getContacts();
?>
<div id="contactslist">
   <h2>empty
    <table>html/
        <tr>
            <th>Name
            <th>email
        </tr>
        <?php foreach ($mymodel as $mymodel): ?>
            <tr>
                <td>getName(); ?>
               <td>getEmail(); ?>
            </tr>
        <?php endforeach; ?>
       <tr>
           <td>there is no contact in this list
       </tr>
    </table>
</div>

You notice that we use the function getContacts() created in the block just above. Display your page (do not forget to empty your cache) and you should normally see your contact table displayed on the magento front office. Congratulations this is the end of this tutorial which is finally a reminder for the developers magento2 🙂