Ttdfjt

I'm very new to Magento, I have a custom module and some tabs and fields in it, i have an 'import' tab, in that their is 'Import' button, just want to know the workflow of that button, like on button click just echo something from controller. Right now i'm getting no response on button click...

appcodeVendor_NameModule_NameviewadminhtmltemplatesformImport.phtml

<div class="pp-buttons-container">
 <button id="<?php echo $block->getId() ?>" onclick="return false;">
 <span><span><span><?php echo 'Import'; ?></span></span></span>
 </button>
</div>
<script type="text/javascript">
 require(["jquery",], function($)
 "use strict";
 $(document).on('click','.col-action-grouped a',function()
 );
 );
</script>

appcodeVendor_NameModule_NameBlockAdminhtmlFormEditTabImport.php

<?php
namespace ECCustomimportBlockAdminhtmlFormEditTab;


class Import extends MagentoBackendBlockWidgetFormGeneric implements MagentoBackendBlockWidgetTabTabInterface

 protected $_template = 'form/import.phtml';

 public function isReadonly()
 
 return false;
 

 public function getTabLabel()
 
 return __('Import');
 

 public function getTabTitle()
 
 return __('Import');
 

 public function canShowTab()
 
 return true;
 

 public function isHidden()
 
 return false;
 

appcodeVendor_NameModule_NameControllerAdminhtmlIndexImport.php

<?php

namespace ECCustomimportControllerAdminhtmlIndex;

use ECCustomimportModelCustomimportFactory;
use MagentoFrameworkControllerResultFactory;
use MagentoBackendAppActionContext;

class Import extends MagentoBackendAppAction

 /**
 * @param Context $context
 */
 public function __construct(
 Context $context,
 CustomimportFactory $modelCustomimportFactory
 ) 
 $this->modelCustomimportFactory = $modelCustomimportFactory;
 $this->resultFactory = $context->getResultFactory();
 parent::__construct($context);
 

 public function execute()
 ignore_user_abort(true);
 set_time_limit(0);
 $id = $this->getRequest()->getParam('id');
 $model = $this->modelCustomimportFactory->create()->load($id);
 $model->import();
 $resultRedirect = $this->resultFactory->create(ResultFactory::TYPE_REDIRECT);
 $resultRedirect->setPath('adminhtml/*/index');
 return $resultRedirect;
 

I solved it by doing make an ajax request and sent in to controller.

appcodeVendor_NameModule_NameviewadminhtmltemplatesformImport.phtml

<div class="pp-buttons-container">
 <button class="import" id="<?php echo $block->getId() ?>" onclick="return false;">
 <span><span><span><?php echo 'Import'; ?></span></span></span>
 </button>
</div>
<script type="text/javascript">
 require(["jquery",'mage/url'], function($, url)
 "use strict";
 $(document).on('click','.col-action-grouped a',function()
 );

 $(document).on('click','.import',function()
 jQuery.ajax(
 url: '/admin/customimport/index/import',
 type: "POST",
 data: data:'success',
 success: function(response)
 console.log('Sucess');
 
 );
 );

 );
</script>

appcodeVendor_NameModule_NameControllerAdminhtmlIndexImport.php

<?php

namespace ECCustomimportControllerAdminhtmlIndex;

use ECCustomimportModelCustomimportFactory;
use MagentoFrameworkControllerResultFactory;
use MagentoBackendAppActionContext;

class Import extends MagentoBackendAppAction

 /**
 * @param Context $context
 */
 public function __construct(
 Context $context,
 CustomimportFactory $modelCustomimportFactory
 ) 
 $this->modelCustomimportFactory = $modelCustomimportFactory;
 $this->resultFactory = $context->getResultFactory();
 parent::__construct($context);
 

 public function execute()
 echo 'Success';
 exit;