Skip to main content

How to add a new field in admin form using Block?

Although Magento recommends using ui_component for creating grid or form in admin, Magento core itself has multiple forms & grid which is created using block(Old technique). So let's see how to add a field using the block technique:

For this first, we need to locate the block class which contains _prepareForm() method. And then we will create the Plugin for this class.

Step 1: Add the below code to the di.xml file of the custom module.

<?xml version="1.0" ?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
	<type name="Magento\CheckoutAgreements\Block\Adminhtml\Agreement\Edit\Form">
        <plugin name="add_embassy_field" type="MageInsight\CheckoutAgreements\Plugin\Block\Adminhtml\Agreement\Edit\Form" sortOrder="1"/>
</type> </config>

Step 2: Create a new file inside your module plugin folder like MageInsight\CheckoutAgreements\Plugin\Block\Adminhtml\Agreement\Edit\Form.php

<?php

namespace MageInsight\CheckoutAgreements\Plugin\Block\Adminhtml\Agreement\Edit;

use MageInsight\Embassy\Model\Options\Embassy;
 
class Form
{
    protected $embassy;

    protected $_coreRegistry;

    public function __construct(
        \Magento\Framework\Registry $_coreRegistry,
        Embassy $embassy
    ) {
        $this->embassy = $embassy;
        $this->_coreRegistry = $_coreRegistry;
    }

    public function aroundGetFormHtml(
        \Magento\CheckoutAgreements\Block\Adminhtml\Agreement\Edit\Form $subject,
        \Closure $proceed)
    {
        $form = $subject->getForm();
        if (is_object($form)) {
            $fieldset = $form->getElement('base_fieldset');
            $model = $this->_coreRegistry->registry('checkout_agreement');
            $fieldset->addField(
                'embassies',
                'multiselect',
                [
                    'name' => 'embassies[]',
                    'label' => __('Embassies'),
                    'title' => __('EMbassies'),
                    'required' => false,
                    'values' => $this->embassy->toOptionArray(),
                    'value' => !empty($model->getData('embassies')) ? json_decode($model->getData('embassies'), true) : []
                ]
            );
        }
 
        return $proceed();
    }
}

Step 3: If you are adding a multi-select field, then the form submit will pass values in an array and we have to take care of this. In my case, I have added a Plugin for the beforeSave() which will take care of values every time the entity is saved by admin. Below is the code of that plugin. 

<?php

namespace MageInsight\CheckoutAgreements\Plugin\Model;

class Agreement
{
    public function aroundBeforeSave(
        \Magento\CheckoutAgreements\Model\Agreement $subject,
        \Closure $proceed
    ) {
        if (!empty($subject->getData('embassies'))) {
            $subject->setData('embassies', json_encode($subject->getData('embassies')));
        }

        return $proceed();
    }    
}

Conclusion: By following the above steps you will be able to save the values in the form and see the saved values in edit form. I have saved the values in JSON format because later it makes my work easy to filter using JSON_SEARCH queries.

Comments

Popular posts from this blog

Unlocking Success: The Vital Role of the Contact Us Page in E-commerce

In the dynamic realm of e-commerce, where digital transactions reign supreme, the significance of customer communication cannot be overstated. Amidst the plethora of factors influencing the success of an online store, one often overlooked yet fundamentally important element is the Contact Us page. This seemingly humble corner of a website holds immense power, serving as a linchpin in fostering trust, resolving issues, and nurturing customer relationships. Let's delve deeper into why the Contact Us page is not just an afterthought but a strategic asset for e-commerce businesses, backed by proven data. Building Trust and Credibility Trust is the cornerstone of any successful e-commerce venture. According to a survey conducted by Edelman, 81% of consumers say that trusting a brand to do what is right is a deciding factor in their purchasing decisions. A prominently displayed Contact Us page with clear contact information, including a physical address, phone number, and email address, ...

Magento - LogRocket Integration

In today’s competitive eCommerce landscape, understanding user behavior is crucial for optimizing customer experiences and improving conversion rates. Magento 2, a powerful and flexible eCommerce platform, allows merchants to customize their online stores extensively. However, monitoring how users interact with these customizations is often challenging. This is where LogRocket, a modern session replay tool, comes into play. Integrating LogRocket with Magento 2 can provide invaluable insights into user behavior, performance bottlenecks, and UX issues. In this blog post, we’ll walk you through the steps to integrate LogRocket with Magento 2, and how this integration can help you improve your store’s performance and user experience. What is LogRocket? LogRocket is a session replay tool that enables you to record and playback user activity on your website. It tracks interactions such as clicks, scrolls, and form inputs, giving you a clear view of how users navigate your store. In addition,...

Magento 2: How to enable cache for a custom EAV attributes?

To prepare for the certification exam, the candidate should know about different cache types and their purpose. The cache is an important and crucial part of the website's performance. One of the caches is the "EAV types and attributes" cache. You can check the list of caches in Magento Admin and by using console commands. Below is the screenshot of the list of caches in admin under System -> Cache Management As of version 2.3.4, Commerce caches all system EAV attributes as they are retrieved. Caching EAV attributes in this manner improves performance, because it decreases the amount of insert/select requests to the DB. However, it increases cache network size as well. Developers can cache custom EAV attributes by running the below command. bin/magento config:set dev/caching/cache_user_defined_attributes 1 This can also be done from the Admin while in Developer mode by setting Stores > Settings Configuration > Advanced > Developer > Caching Settings > Ca...