Magento2 – How to Add Delete Button in Custom Form in Backend

adminformmagento2

I am working on the custom extension and I need delete button in the custom form at the backend. When I edit a record, there should be delete button above with other buttons like Back, Reset and Save and continue edit. Please see the screenshot to get more idea. Can someone guide me for it?

Best Answer

Add below code in app\code\Vendor\ModuleName\Block\Adminhtml\Module\Edit.php in _construct()

protected function _construct(){
        $this->addButton(
            'delete',
            [
                'label' => __('Delete'),
                'onclick' => 'deleteConfirm(' . json_encode(__('Are you sure you want to do this?'))
                    . ','
                    . json_encode($this->getDeleteUrl()
                    )
                    . ')',
                'class' => 'scalable delete',
                'level' => -1
            ]
        );
}

Below will be your delete action.

/**
 * @param array $args
 * @return string
 */
public function getDeleteUrl(array $args = [])
{
    $params = array_merge($this->getDefaultUrlParams(), $args);
    return $this->getUrl('module/*/delete', $params);
}

Related Solutions

Magento 1.9 – Show Thumbnail Image and Delete Image in Custom Module Admin Form

Add the code in your controller file

public function saveAction() 
{
    ...

    if (!empty( $_FILES['main_image']['name'] )) 
    {
        $data['main_image'] =  $_FILES['main_image']['name'] ;
    } 
    else 
    {
        if (isset($data['main_image']['delete']) && $data['main_image']['delete'] == 1) 
        {
            if ($data['main_image']['value'] != '')
                $this->removeFile($data['main_image']['value']);
            $data['main_image'] = '';
        }
        else 
        {
            unset($data['main_image']);
        }
    }

    ...
}
public function removeFile($file) 
{
        $_helper = Mage::helper('ram');
        $file = $_helper->updateDirSepereator($file);
        $directory = Mage::getBaseDir('media') . DS .'ram_images' ;
        $io = new Varien_Io_File();
        $result = $io->rmdir($directory, true);
}

Create below function in Helper Class

 public function updateDirSepereator($path) 
    {
        return str_replace('\\', DS, $path);
    }

Magento 2 – How to Add Action on New Button in Backend Form Container

please try:

Add javascript to content:

<referenceContainer name="content">
        <block class="Magento\Framework\View\Element\Template" name="protabs.script" template="Vendor_Module::script.phtml"/>
    </referenceContainer>

You can change Magento\Framework\View\Element\Template to your block

script.phtml (templates/script.phtml):

<script type="text/javascript">
require([
    'jquery'
], function(jQuery){
    (function($) {
        your script here...
    })(jQuery);
});

Best Answer

Related Solutions

Magento 1.9 – Show Thumbnail Image and Delete Image in Custom Module Admin Form

Magento 2 – How to Add Action on New Button in Backend Form Container

Related Topic