Here we create Collection Grid , edit/add grid row and installer in Magento2

Before starting the code section, let us create the directory structure that we will need for create admin grid edit/add grid row and installer.

app/code/Webkul/Grid
app/code/Webkul/Grid/etc
app/code/Webkul/Grid/etc/Adminhtml
app/code/Webkul/Grid/Block/Adminhtml
app/code/Webkul/Grid/Block/Adminhtml/Grid
app/code/Webkul/Grid/Block/Adminhtml/Grid/Edit
app/code/Webkul/Grid/Model
app/code/Webkul/Grid/Model/ResourceModel
app/code/Webkul/Grid/Model/ResourceModel/Grid
app/code/Webkul/Grid/Setup
app/code/Webkul/Grid/Controllers/Adminhtml
app/code/Webkul/Grid/view/adminhtml/layout

Now, as we have the directory structure ready, we will now create file as per module requirement in given sequence:

1.First, we have to create the module configuration file named module.xml in app/code/Webkul/Grid/etc

<?xml version="1.0"?>
<!--
/**
 * Webkul_Grid Module 
 *
 * @category    Webkul
 * @package     Webkul_Grid
 * @author      Webkul Software Private Limited
 *
 */
-->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
    <module name="Webkul_Grid" setup_version="2.0.0">
    </module>
</config>

<?xml version="1.0"?>

<!--

/**

* Webkul_Grid Module

* @category Webkul

* @package Webkul_Grid

* @author Webkul Software Private Limited

-->

</module>

</config>

2.Then, we have to create the module registration file named registration.php in app/code/Webkul/Grid

<?php
 /**
 * Webkul_Grid Module Registration
 *
 * @category    Webkul
 * @package     Webkul_Grid
 * @author      Webkul Software Private Limited
 *
 */

\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::MODULE,
    'Webkul_Grid',
    __DIR__
);

<?php

/**

* Webkul_Grid Module Registration

* @category Webkul

* @package Webkul_Grid

* @author Webkul Software Private Limited

\Magento\Framework\Component\ComponentRegistrar::register(

\Magento\Framework\Component\ComponentRegistrar::MODULE,

'Webkul_Grid',

__DIR__

);

3.Now, we have to create the menu configuration file named menu.xml in app/code/Webkul/Grid/etc/adminhtml

<?xml version="1.0"?>
<!--
/**
 * Webkul_Grid Menu
 *
 * @category    Webkul
 * @package     Webkul_Grid
 * @author      Webkul Software Private Limited
 *
 */
-->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Backend:etc/menu.xsd">
    <menu>
    	<add id="Webkul_Grid::manager" title="Grid Manager" module="Webkul_Grid" sortOrder="10" resource="Webkul_Grid::manager"/>
    	<add id="Webkul_Grid::add_row" title="Grid Manager" module="Webkul_Grid" sortOrder="20" parent="Webkul_Grid::manager" action="grid/grid" resource="Webkul_Grid::add_row"/>
    </menu>
</config>

<?xml version="1.0"?>

<!--

/**

* Webkul_Grid Menu

* @category Webkul

* @package Webkul_Grid

* @author Webkul Software Private Limited

-->

<menu>

</menu>

</config>

4.Now, we have to create the Installer file named InstallSchema.php in app/code/Webkul/Grid/Setup.

<?php
/**
 * Grid Schema Setup.
 * @category  Webkul
 * @package   Webkul_Grid
 * @author    Webkul
 * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */

namespace Webkul\Grid\Setup;

use Magento\Framework\Setup\InstallSchemaInterface;
use Magento\Framework\Setup\ModuleContextInterface;
use Magento\Framework\Setup\SchemaSetupInterface;
use Magento\Framework\App\Filesystem\DirectoryList;

/**
 * @codeCoverageIgnore
 */
class InstallSchema implements InstallSchemaInterface
{
    /**
     * {@inheritdoc}
     *
     * @SuppressWarnings(PHPMD.ExcessiveMethodLength)
     */
    public function install(
        SchemaSetupInterface $setup,
        ModuleContextInterface $context
    ) {
        $installer = $setup;

        $installer->startSetup();

        /*
         * Create table 'wk_grid_records'
         */

        $table = $installer->getConnection()->newTable(
            $installer->getTable('wk_grid_records')
        )->addColumn(
            'entity_id',
            \Magento\Framework\DB\Ddl\Table::TYPE_INTEGER,
            null,
            ['identity' => true, 'nullable' => false, 'primary' => true],
            'Grid Record Id'
        )->addColumn(
            'title',
            \Magento\Framework\DB\Ddl\Table::TYPE_TEXT,
            255,
            ['nullable' => false],
            'Title'
        )->addColumn(
            'content',
            \Magento\Framework\DB\Ddl\Table::TYPE_TEXT,
            '2M',
            ['nullable' => false],
            'Post'
        )->addColumn(
            'publish_date',
            \Magento\Framework\DB\Ddl\Table::TYPE_TIMESTAMP,
            null,
            [],
            'Publish Date'
        )->addColumn(
            'is_active',
            \Magento\Framework\DB\Ddl\Table::TYPE_SMALLINT,
            null,
            [],
            'Active Status'
        )->addColumn(
            'created_at',
            \Magento\Framework\DB\Ddl\Table::TYPE_TIMESTAMP,
            null,
            [
                'nullable' => false,
                'default' => \Magento\Framework\DB\Ddl\Table::TIMESTAMP_INIT,
            ],
            'Creation Time'
        )->addColumn(
            'update_time',
            \Magento\Framework\DB\Ddl\Table::TYPE_TIMESTAMP,
            null,
            [],
            'Modification Time'
        )->setComment(
            'Row Data Table'
        );

        $installer->getConnection()->createTable($table);
        $installer->endSetup();
    }
}

<?php

/**

* Grid Schema Setup.

* @category Webkul

* @package Webkul_Grid

* @author Webkul

* @license https://store.webkul.com/license.html

namespace Webkul\Grid\Setup;

use Magento\Framework\Setup\InstallSchemaInterface;

use Magento\Framework\Setup\ModuleContextInterface;

use Magento\Framework\Setup\SchemaSetupInterface;

use Magento\Framework\App\Filesystem\DirectoryList;

/**

* @codeCoverageIgnore

class InstallSchema implements InstallSchemaInterface

{

/**

* {@inheritdoc}

* @SuppressWarnings(PHPMD.ExcessiveMethodLength)

public function install(

SchemaSetupInterface $setup,

ModuleContextInterface $context

) {

$installer = $setup;

$installer->startSetup();

* Create table 'wk_grid_records'

$table = $installer->getConnection()->newTable(

$installer->getTable('wk_grid_records')

)->addColumn(

'entity_id',

\Magento\Framework\DB\Ddl\Table::TYPE_INTEGER,

null,

['identity' => true, 'nullable' => false, 'primary' => true],

'Grid Record Id'

)->addColumn(

'title',

\Magento\Framework\DB\Ddl\Table::TYPE_TEXT,

255,

['nullable' => false],

'Title'

)->addColumn(

'content',

\Magento\Framework\DB\Ddl\Table::TYPE_TEXT,

'2M',

['nullable' => false],

'Post'

)->addColumn(

'publish_date',

\Magento\Framework\DB\Ddl\Table::TYPE_TIMESTAMP,

null,

[],

'Publish Date'

)->addColumn(

'is_active',

\Magento\Framework\DB\Ddl\Table::TYPE_SMALLINT,

null,

[],

'Active Status'

)->addColumn(

'created_at',

\Magento\Framework\DB\Ddl\Table::TYPE_TIMESTAMP,

null,

[

'nullable' => false,

'default' => \Magento\Framework\DB\Ddl\Table::TIMESTAMP_INIT,

'Creation Time'

)->addColumn(

'update_time',

\Magento\Framework\DB\Ddl\Table::TYPE_TIMESTAMP,

null,

[],

'Modification Time'

)->setComment(

'Row Data Table'

);

$installer->getConnection()->createTable($table);

$installer->endSetup();

}

5.Now, for table ‘wk_grid_records’ which created by installer we have to create the Model file named Grid.php in app/code/Webkul/Grid/Model .

<?php

/**
 * Grid Grid Model.
 * @category  Webkul
 * @package   Webkul_Grid
 * @author    Webkul
 * @copyright Copyright (c) 2010-2017 Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */
namespace Webkul\Grid\Model;

use Webkul\Grid\Api\Data\GridInterface;

class Grid extends \Magento\Framework\Model\AbstractModel implements GridInterface
{
    /**
     * CMS page cache tag.
     */
    const CACHE_TAG = 'wk_grid_records';

    /**
     * @var string
     */
    protected $_cacheTag = 'wk_grid_records';

    /**
     * Prefix of model events names.
     *
     * @var string
     */
    protected $_eventPrefix = 'wk_grid_records';

    /**
     * Initialize resource model.
     */
    protected function _construct()
    {
        $this->_init('Webkul\Grid\Model\ResourceModel\Grid');
    }
    /**
     * Get EntityId.
     *
     * @return int
     */
    public function getEntityId()
    {
        return $this->getData(self::ENTITY_ID);
    }

    /**
     * Set EntityId.
     */
    public function setEntityId($entityId)
    {
        return $this->setData(self::ENTITY_ID, $entityId);
    }

    /**
     * Get Title.
     *
     * @return varchar
     */
    public function getTitle()
    {
        return $this->getData(self::TITLE);
    }

    /**
     * Set Title.
     */
    public function setTitle($title)
    {
        return $this->setData(self::TITLE, $title);
    }

    /**
     * Get getContent.
     *
     * @return varchar
     */
    public function getContent()
    {
        return $this->getData(self::CONTENT);
    }

    /**
     * Set Content.
     */
    public function setContent($content)
    {
        return $this->setData(self::CONTENT, $content);
    }

    /**
     * Get PublishDate.
     *
     * @return varchar
     */
    public function getPublishDate()
    {
        return $this->getData(self::PUBLISH_DATE);
    }

    /**
     * Set PublishDate.
     */
    public function setPublishDate($publishDate)
    {
        return $this->setData(self::PUBLISH_DATE, $publishDate);
    }

    /**
     * Get IsActive.
     *
     * @return varchar
     */
    public function getIsActive()
    {
        return $this->getData(self::IS_ACTIVE);
    }

    /**
     * Set IsActive.
     */
    public function setIsActive($isActive)
    {
        return $this->setData(self::IS_ACTIVE, $isActive);
    }

    /**
     * Get UpdateTime.
     *
     * @return varchar
     */
    public function getUpdateTime()
    {
        return $this->getData(self::UPDATE_TIME);
    }

    /**
     * Set UpdateTime.
     */
    public function setUpdateTime($updateTime)
    {
        return $this->setData(self::UPDATE_TIME, $updateTime);
    }

    /**
     * Get CreatedAt.
     *
     * @return varchar
     */
    public function getCreatedAt()
    {
        return $this->getData(self::CREATED_AT);
    }

    /**
     * Set CreatedAt.
     */
    public function setCreatedAt($createdAt)
    {
        return $this->setData(self::CREATED_AT, $createdAt);
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

<?php

/**

* Grid Grid Model.

* @category Webkul

* @package Webkul_Grid

* @author Webkul

* @license https://store.webkul.com/license.html

namespace Webkul\Grid\Model;

use Webkul\Grid\Api\Data\GridInterface;

class Grid extends \Magento\Framework\Model\AbstractModel implements GridInterface

{

/**

* CMS page cache tag.

const CACHE_TAG = 'wk_grid_records';

/**

* @var string

protected $_cacheTag = 'wk_grid_records';

/**

* Prefix of model events names.

* @var string

protected $_eventPrefix = 'wk_grid_records';

/**

* Initialize resource model.

protected function _construct()

{

$this->_init('Webkul\Grid\Model\ResourceModel\Grid');

}

/**

* Get EntityId.

* @return int

public function getEntityId()

{

return $this->getData(self::ENTITY_ID);

}

/**

* Set EntityId.

public function setEntityId($entityId)

{

return $this->setData(self::ENTITY_ID, $entityId);

}

/**

* Get Title.

* @return varchar

public function getTitle()

{

return $this->getData(self::TITLE);

}

/**

* Set Title.

public function setTitle($title)

{

return $this->setData(self::TITLE, $title);

}

/**

* Get getContent.

* @return varchar

public function getContent()

{

return $this->getData(self::CONTENT);

}

/**

* Set Content.

public function setContent($content)

{

return $this->setData(self::CONTENT, $content);

}

/**

* Get PublishDate.

* @return varchar

public function getPublishDate()

{

return $this->getData(self::PUBLISH_DATE);

}

/**

* Set PublishDate.

public function setPublishDate($publishDate)

{

return $this->setData(self::PUBLISH_DATE, $publishDate);

}

/**

* Get IsActive.

* @return varchar

public function getIsActive()

{

return $this->getData(self::IS_ACTIVE);

}

/**

* Set IsActive.

public function setIsActive($isActive)

{

return $this->setData(self::IS_ACTIVE, $isActive);

}

/**

* Get UpdateTime.

* @return varchar

public function getUpdateTime()

{

return $this->getData(self::UPDATE_TIME);

}

/**

* Set UpdateTime.

public function setUpdateTime($updateTime)

{

return $this->setData(self::UPDATE_TIME, $updateTime);

}

/**

* Get CreatedAt.

* @return varchar

public function getCreatedAt()

{

return $this->getData(self::CREATED_AT);

}

/**

* Set CreatedAt.

public function setCreatedAt($createdAt)

{

return $this->setData(self::CREATED_AT, $createdAt);

}

6. Now, we have to create the Interface file named GridInterface.php in app/code/Webkul/Grid/Api/Data

<?php
/**
 * Webkul_Grid Grid Interface.
 *
 * @category    Webkul
 *
 * @author      Webkul Software Private Limited
 */
namespace Webkul\Grid\Api\Data;

interface GridInterface
{
    /**
     * Constants for keys of data array. Identical to the name of the getter in snake case.
     */
    const ENTITY_ID = 'entity_id';
    const TITLE = 'title';
    const CONTENT = 'content';
    const PUBLISH_DATE = 'publish_date';
    const IS_ACTIVE = 'is_active';
    const UPDATE_TIME = 'update_time';
    const CREATED_AT = 'created_at';

    /**
     * Get EntityId.
     *
     * @return int
     */
    public function getEntityId();

    /**
     * Set EntityId.
     */
    public function setEntityId($entityId);

    /**
     * Get Title.
     *
     * @return varchar
     */
    public function getTitle();

    /**
     * Set Title.
     */
    public function setTitle($title);

    /**
     * Get Content.
     *
     * @return varchar
     */
    public function getContent();

    /**
     * Set Content.
     */
    public function setContent($content);

    /**
     * Get Publish Date.
     *
     * @return varchar
     */
    public function getPublishDate();

    /**
     * Set PublishDate.
     */
    public function setPublishDate($publishDate);

    /**
     * Get IsActive.
     *
     * @return varchar
     */
    public function getIsActive();

    /**
     * Set StartingPrice.
     */
    public function setIsActive($isActive);

    /**
     * Get UpdateTime.
     *
     * @return varchar
     */
    public function getUpdateTime();

    /**
     * Set UpdateTime.
     */
    public function setUpdateTime($updateTime);

    /**
     * Get CreatedAt.
     *
     * @return varchar
     */
    public function getCreatedAt();

    /**
     * Set CreatedAt.
     */
    public function setCreatedAt($createdAt);
}

100

101

102

103

104

105

106

107

<?php

/**

* Webkul_Grid Grid Interface.

* @category Webkul

* @author Webkul Software Private Limited

namespace Webkul\Grid\Api\Data;

interface GridInterface

{

/**

* Constants for keys of data array. Identical to the name of the getter in snake case.

const ENTITY_ID = 'entity_id';

const TITLE = 'title';

const CONTENT = 'content';

const PUBLISH_DATE = 'publish_date';

const IS_ACTIVE = 'is_active';

const UPDATE_TIME = 'update_time';

const CREATED_AT = 'created_at';

/**

* Get EntityId.

* @return int

public function getEntityId();

/**

* Set EntityId.

public function setEntityId($entityId);

/**

* Get Title.

* @return varchar

public function getTitle();

/**

* Set Title.

public function setTitle($title);

/**

* Get Content.

* @return varchar

public function getContent();

/**

* Set Content.

public function setContent($content);

/**

* Get Publish Date.

* @return varchar

public function getPublishDate();

/**

* Set PublishDate.

public function setPublishDate($publishDate);

/**

* Get IsActive.

* @return varchar

public function getIsActive();

/**

* Set StartingPrice.

public function setIsActive($isActive);

/**

* Get UpdateTime.

* @return varchar

public function getUpdateTime();

/**

* Set UpdateTime.

public function setUpdateTime($updateTime);

/**

* Get CreatedAt.

* @return varchar

public function getCreatedAt();

/**

* Set CreatedAt.

public function setCreatedAt($createdAt);

}

7.Now, for table ‘wk_grid_records’ which created by installer we have to create the Resource Model file named Grid.php in app/code/Webkul/Grid/Model/ResourceModel.

<?php
/**
 * Grid Grid ResourceModel.
 * @category    Webkul
 * @author      Webkul Software Private Limited
 */
namespace Webkul\Grid\Model\ResourceModel;

/**
 * Grid Grid mysql resource.
 */
class Grid extends \Magento\Framework\Model\ResourceModel\Db\AbstractDb
{
    /**
     * @var string
     */
    protected $_idFieldName = 'entity_id';
    /**
     * @var \Magento\Framework\Stdlib\DateTime\DateTime
     */
    protected $_date;

    /**
     * Construct.
     *
     * @param \Magento\Framework\Model\ResourceModel\Db\Context $context
     * @param \Magento\Framework\Stdlib\DateTime\DateTime       $date
     * @param string|null                                       $resourcePrefix
     */
    public function __construct(
        \Magento\Framework\Model\ResourceModel\Db\Context $context,
        \Magento\Framework\Stdlib\DateTime\DateTime $date,
        $resourcePrefix = null
    ) 
    {
        parent::__construct($context, $resourcePrefix);
        $this->_date = $date;
    }

    /**
     * Initialize resource model.
     */
    protected function _construct()
    {
        $this->_init('wk_grid_records', 'entity_id');
    }
}

<?php

/**

* Grid Grid ResourceModel.

* @category Webkul

* @author Webkul Software Private Limited

namespace Webkul\Grid\Model\ResourceModel;

/**

* Grid Grid mysql resource.

class Grid extends \Magento\Framework\Model\ResourceModel\Db\AbstractDb

{

/**

* @var string

protected $_idFieldName = 'entity_id';

/**

* @var \Magento\Framework\Stdlib\DateTime\DateTime

protected $_date;

/**

* Construct.

* @param \Magento\Framework\Model\ResourceModel\Db\Context $context

* @param \Magento\Framework\Stdlib\DateTime\DateTime $date

* @param string|null $resourcePrefix

public function __construct(

\Magento\Framework\Model\ResourceModel\Db\Context $context,

\Magento\Framework\Stdlib\DateTime\DateTime $date,

$resourcePrefix = null

)

{

parent::__construct($context, $resourcePrefix);

$this->_date = $date;

}

/**

* Initialize resource model.

protected function _construct()

{

$this->_init('wk_grid_records', 'entity_id');

}

8.Now, for table ‘wk_grid_records’ which created by installer we have to create the Collection file named Collection.php in app/code/Webkul/Grid/Model/ResourceModel/Grid.

<?php

/**
 * Grid Grid Collection.
 * @category    Webkul
 * @author      Webkul Software Private Limited
 */
namespace Webkul\Grid\Model\ResourceModel\Grid;

class Collection extends \Magento\Framework\Model\ResourceModel\Db\Collection\AbstractCollection
{
    /**
     * @var string
     */
    protected $_idFieldName = 'entity_id';
    /**
     * Define resource model.
     */
    protected function _construct()
    {
        $this->_init('Webkul\Grid\Model\Grid', 'Webkul\Grid\Model\ResourceModel\Grid');
    }
}

<?php

/**

* Grid Grid Collection.

* @category Webkul

* @author Webkul Software Private Limited

namespace Webkul\Grid\Model\ResourceModel\Grid;

class Collection extends \Magento\Framework\Model\ResourceModel\Db\Collection\AbstractCollection

{

/**

* @var string

protected $_idFieldName = 'entity_id';

/**

* Define resource model.

protected function _construct()

{

$this->_init('Webkul\Grid\Model\Grid', 'Webkul\Grid\Model\ResourceModel\Grid');

}

9. After above steps now we will create ui component for grid row list. We’ll create grid_record_grid_list.xml in app/code/Webkul/Grid/view/adminhtml/ui_component folder as following.

<?xml version="1.0" encoding="UTF-8"?>
<!--
/**
 * Grid record list UI Component
 * @category  Webkul
 * @package   Webkul_Grid
 * @author    Webkul
 * @copyright Copyright (c) 2010-2017 Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */
-->
<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Ui/etc/ui_configuration.xsd">
    <argument name="data" xsi:type="array">
        <item name="js_config" xsi:type="array">
            <item name="provider" xsi:type="string">grid_record_grid_list.grid_record_grid_list_data_source</item>
            <item name="deps" xsi:type="string">grid_record_grid_list.grid_record_grid_list_data_source</item>
        </item>
        <item name="spinner" xsi:type="string">grid_records_columns</item>
        <item name="buttons" xsi:type="array">
            <item name="add" xsi:type="array">
                <item name="name" xsi:type="string">add</item>
                <item name="label" xsi:type="string" translate="true">Add New Row</item>
                <item name="class" xsi:type="string">primary</item>
                <item name="url" xsi:type="string">*/*/addrow</item>
            </item>
        </item>
    </argument>
    <dataSource name="grid_record_grid_list_data_source">
        <argument name="dataProvider" xsi:type="configurableObject">
            <argument name="class" xsi:type="string">Magento\Framework\View\Element\UiComponent\DataProvider\DataProvider</argument>
            <argument name="name" xsi:type="string">grid_record_grid_list_data_source</argument>
            <argument name="primaryFieldName" xsi:type="string">entity_id</argument>
            <argument name="requestFieldName" xsi:type="string">id</argument>
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="update_url" xsi:type="url" path="mui/index/render"/>
                </item>
            </argument>
        </argument>
        <argument name="data" xsi:type="array">
            <item name="js_config" xsi:type="array">
                <item name="component" xsi:type="string">Magento_Ui/js/grid/provider</item>
            </item>
        </argument>
    </dataSource>
    <container name="listing_top">
        <argument name="data" xsi:type="array">
            <item name="config" xsi:type="array">
                <item name="template" xsi:type="string">ui/grid/toolbar</item>
                <item name="stickyTmpl" xsi:type="string">ui/grid/sticky/toolbar</item>
            </item>
        </argument>
        <bookmark name="bookmarks"/>
        <columnsControls name="columns_controls"/>
        <filters name="listing_filters">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="columnsProvider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.grid_records_columns</item>
                    <item name="storageConfig" xsi:type="array">
                        <item name="provider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.listing_top.bookmarks</item>
                        <item name="namespace" xsi:type="string">current.filters</item>
                    </item>
                    <item name="templates" xsi:type="array">_
                        <item name="filters" xsi:type="array">
                            <item name="select" xsi:type="array">
                                <item name="component" xsi:type="string">Magento_Ui/js/form/element/ui-select</item>
                                <item name="template" xsi:type="string">ui/grid/filters/elements/ui-select</item>
                            </item>
                        </item>
                    </item>
                    <item name="childDefaults" xsi:type="array">
                        <item name="provider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.listing_top.listing_filters</item>
                        <item name="imports" xsi:type="array">
                            <item name="visible" xsi:type="string">grid_record_grid_list.grid_record_grid_list.grid_records_columns.${ $.index }:visible</item>
                        </item>
                    </item>
                </item>
                <item name="observers" xsi:type="array">
                    <item name="column" xsi:type="string">column</item>
                </item>
            </argument>
        </filters>
        <massaction name="listing_massaction">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="selectProvider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.grid_records_columns.ids</item>
                    <item name="component" xsi:type="string">Magento_Ui/js/grid/tree-massactions</item>
                    <item name="indexField" xsi:type="string">id</item>
                </item>
            </argument>
            <!-- Mass actions which you want to add in your grid-->
            <action name="delete">
                <argument name="data" xsi:type="array">
                    <item name="config" xsi:type="array">
                        <item name="type" xsi:type="string">delete</item>
                        <item name="label" xsi:type="string" translate="true">Delete</item>
                        <item name="url" xsi:type="url" path="grid/grid/massdelete"/>
                        <item name="confirm" xsi:type="array">
                            <item name="title" xsi:type="string" translate="true">Delete</item>
                            <item name="message" xsi:type="string" translate="true">Do you want to delete selected row record?</item>
                        </item>
                    </item>
                </argument>
            </action>
        </massaction>
        <paging name="listing_paging">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="storageConfig" xsi:type="array">
                        <item name="provider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.listing_top.bookmarks</item>
                        <item name="namespace" xsi:type="string">current.paging</item>
                    </item>
                    <item name="selectProvider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.grid_records_columns.ids</item>
                </item>
            </argument>
        </paging>
    </container>
    <columns name="grid_records_columns">
        <selectionsColumn name="ids">
           <argument name="data" xsi:type="array">
               <item name="config" xsi:type="array">
                   <item name="indexField" xsi:type="string">entity_id</item>
                   <item name="sorting" xsi:type="string">desc</item>
                   <item name="sortOrder" xsi:type="number">0</item>
               </item>
           </argument>
       </selectionsColumn>
       <column name="title">
           <argument name="data" xsi:type="array">
               <item name="config" xsi:type="array">
                   <item name="filter" xsi:type="string">textRange</item>
                   <item name="label" xsi:type="string" translate="true">Title</item>
               </item>
           </argument>
       </column>
       <column name="content" >
           <argument name="data" xsi:type="array">
               <item name="config" xsi:type="array">
                   <item name="filter" xsi:type="string">false</item>
                   <item name="label" xsi:type="string" translate="true">Content</item>
               </item>
           </argument>
       </column>
       <column name="is_active" >
           <argument name="data" xsi:type="array">
               <item name="options" xsi:type="object">Webkul\Grid\Model\Status</item>
               <item name="config" xsi:type="array">
                   <item name="filter" xsi:type="string">select</item>
                   <item name="component" xsi:type="string">Magento_Ui/js/grid/columns/select</item>
                   <item name="dataType" xsi:type="string">select</item>
                   <item name="label" xsi:type="string" translate="true">Is Active</item>
               </item>
           </argument>
       </column>
       <column name="publish_date" class="Magento\Ui\Component\Listing\Columns\Date" >
           <argument name="data" xsi:type="array">
               <item name="config" xsi:type="array">
                   <item name="filter" xsi:type="string">dateRange</item>
                   <item name="component" xsi:type="string">Magento_Ui/js/grid/columns/date</item>
                   <item name="dataType" xsi:type="string">date</item>
                   <item name="label" xsi:type="string" translate="true">Publish Date</item>
               </item>
           </argument>
       </column>
       <column name="update_time" class="Magento\Ui\Component\Listing\Columns\Date" >
           <argument name="data" xsi:type="array">
               <item name="config" xsi:type="array">
                   <item name="filter" xsi:type="string">dateRange</item>
                   <item name="component" xsi:type="string">Magento_Ui/js/grid/columns/date</item>
                   <item name="dataType" xsi:type="string">date</item>
                   <item name="label" xsi:type="string" translate="true">Update Time</item>
               </item>
           </argument>
       </column>
       <column name="created_at" class="Magento\Ui\Component\Listing\Columns\Date" >
           <argument name="data" xsi:type="array">
               <item name="config" xsi:type="array">
                   <item name="filter" xsi:type="string">dateRange</item>
                   <item name="component" xsi:type="string">Magento_Ui/js/grid/columns/date</item>
                   <item name="dataType" xsi:type="string">date</item>
                   <item name="label" xsi:type="string" translate="true">Created At</item>
               </item>
           </argument>
       </column>
       <!-- Add Action with each row of grid and for this we will create a class Action -->
       <actionsColumn name="actions" class="Webkul\Grid\Ui\Component\Listing\Grid\Column\Action">
           <argument name="data" xsi:type="array">
               <item name="config" xsi:type="array">
                   <item name="resizeEnabled" xsi:type="boolean">false</item>
                   <item name="resizeDefaultWidth" xsi:type="string">107</item>
                   <item name="indexField" xsi:type="string">id</item>
               </item>
           </argument>
       </actionsColumn>
    </columns>
</listing>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

<?xml version="1.0" encoding="UTF-8"?>

<!--

/**

* Grid record list UI Component

* @category Webkul

* @package Webkul_Grid

* @author Webkul

* @license https://store.webkul.com/license.html

-->

<item name="provider" xsi:type="string">grid_record_grid_list.grid_record_grid_list_data_source</item>

<item name="deps" xsi:type="string">grid_record_grid_list.grid_record_grid_list_data_source</item>

</item>

<item name="spinner" xsi:type="string">grid_records_columns</item>

<item name="class" xsi:type="string">primary</item>

<item name="url" xsi:type="string">*/*/addrow</item>

</item>

</argument>

<argument name="class" xsi:type="string">Magento\Framework\View\Element\UiComponent\DataProvider\DataProvider</argument>

<argument name="name" xsi:type="string">grid_record_grid_list_data_source</argument>

<argument name="primaryFieldName" xsi:type="string">entity_id</argument>

</item>

</argument>

<item name="component" xsi:type="string">Magento_Ui/js/grid/provider</item>

</item>

</argument>

</dataSource>

<item name="template" xsi:type="string">ui/grid/toolbar</item>

<item name="stickyTmpl" xsi:type="string">ui/grid/sticky/toolbar</item>

</item>

</argument>

<item name="columnsProvider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.grid_records_columns</item>

<item name="provider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.listing_top.bookmarks</item>

<item name="namespace" xsi:type="string">current.filters</item>

</item>

<item name="templates" xsi:type="array">_

<item name="component" xsi:type="string">Magento_Ui/js/form/element/ui-select</item>

<item name="template" xsi:type="string">ui/grid/filters/elements/ui-select</item>

</item>

<item name="provider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.listing_top.listing_filters</item>

<item name="visible" xsi:type="string">grid_record_grid_list.grid_record_grid_list.grid_records_columns.${ $.index }:visible</item>

</item>

<item name="column" xsi:type="string">column</item>

</item>

</argument>

</filters>

<item name="selectProvider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.grid_records_columns.ids</item>

<item name="component" xsi:type="string">Magento_Ui/js/grid/tree-massactions</item>

</item>

</argument>

<item name="type" xsi:type="string">delete</item>

<item name="label" xsi:type="string" translate="true">Delete</item>

<item name="title" xsi:type="string" translate="true">Delete</item>

<item name="message" xsi:type="string" translate="true">Do you want to delete selected row record?</item>

</item>

</argument>

</action>

</massaction>

<item name="provider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.listing_top.bookmarks</item>

<item name="namespace" xsi:type="string">current.paging</item>

</item>

<item name="selectProvider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.grid_records_columns.ids</item>

</item>

</argument>

</paging>

</container>

<item name="indexField" xsi:type="string">entity_id</item>

</item>

</argument>

</selectionsColumn>

<item name="filter" xsi:type="string">textRange</item>

<item name="label" xsi:type="string" translate="true">Title</item>

</item>

</argument>

</column>

<item name="filter" xsi:type="string">false</item>

<item name="label" xsi:type="string" translate="true">Content</item>

</item>

</argument>

</column>

<item name="options" xsi:type="object">Webkul\Grid\Model\Status</item>

<item name="filter" xsi:type="string">select</item>

<item name="component" xsi:type="string">Magento_Ui/js/grid/columns/select</item>

<item name="dataType" xsi:type="string">select</item>

<item name="label" xsi:type="string" translate="true">Is Active</item>

</item>

</argument>

</column>

<item name="filter" xsi:type="string">dateRange</item>

<item name="component" xsi:type="string">Magento_Ui/js/grid/columns/date</item>

<item name="label" xsi:type="string" translate="true">Publish Date</item>

</item>

</argument>

</column>

<item name="filter" xsi:type="string">dateRange</item>

<item name="component" xsi:type="string">Magento_Ui/js/grid/columns/date</item>

<item name="label" xsi:type="string" translate="true">Update Time</item>

</item>

</argument>

</column>

<item name="filter" xsi:type="string">dateRange</item>

<item name="component" xsi:type="string">Magento_Ui/js/grid/columns/date</item>

<item name="label" xsi:type="string" translate="true">Created At</item>

</item>

</argument>

</column>

<item name="resizeEnabled" xsi:type="boolean">false</item>

</item>

</argument>

</actionsColumn>

</columns>

</listing>

10. create di.xml file for map data provider with collection in app/code/Webkul/Grid/etc.

<?xml version="1.0"?>
<!--
/** Grid di xml
 * @category  Webkul
 * @package   Webkul_Grid
 * @author    Webkul
 * @copyright Copyright (c) 2010-2017 Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */
-->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <preference for="Webkul\Grid\Api\Data\GridInterface" type="Webkul\Grid\Model\Grid" />

    <virtualType name="Webkul\Grid\Model\ResourceModel\Grid\Grid\Collection" type="Magento\Framework\View\Element\UiComponent\DataProvider\SearchResult">
        <arguments>
            <argument name="mainTable" xsi:type="string">wk_grid_records</argument>
            <argument name="resourceModel" xsi:type="string">Webkul\Grid\Model\ResourceModel\Grid</argument>
        </arguments>
    </virtualType>
    <type name="Magento\Framework\View\Element\UiComponent\DataProvider\CollectionFactory">
        <arguments>
            <argument name="collections" xsi:type="array">
                <item name="grid_record_grid_list_data_source" xsi:type="string">Webkul\Grid\Model\ResourceModel\Grid\Grid\Collection</item>
            </argument>
        </arguments>
    </type>
</config>

<?xml version="1.0"?>

<!--

/** Grid di xml

* @category Webkul

* @package Webkul_Grid

* @author Webkul

* @license https://store.webkul.com/license.html

-->

<argument name="mainTable" xsi:type="string">wk_grid_records</argument>

<argument name="resourceModel" xsi:type="string">Webkul\Grid\Model\ResourceModel\Grid</argument>

</arguments>

</virtualType>

<item name="grid_record_grid_list_data_source" xsi:type="string">Webkul\Grid\Model\ResourceModel\Grid\Grid\Collection</item>

</argument>

</arguments>

</type>

</config>

11. For action we will create Action Class Action.php in app/code/Webkul/Grid/Ui/Component/Listing/Grid/Column

<?php

namespace Webkul\Grid\Ui\Component\Listing\Grid\Column;

use Magento\Framework\View\Element\UiComponent\ContextInterface;
use Magento\Framework\View\Element\UiComponentFactory;
use Magento\Ui\Component\Listing\Columns\Column;
use Magento\Framework\UrlInterface;

class Action extends Column
{
    /** Url path */
    const ROW_EDIT_URL = 'grid/grid/addrow';
    /** @var UrlInterface */
    protected $_urlBuilder;

    /**
     * @var string
     */
    private $_editUrl;

    /**
     * @param ContextInterface   $context
     * @param UiComponentFactory $uiComponentFactory
     * @param UrlInterface       $urlBuilder
     * @param array              $components
     * @param array              $data
     * @param string             $editUrl
     */
    public function __construct(
        ContextInterface $context,
        UiComponentFactory $uiComponentFactory,
        UrlInterface $urlBuilder,
        array $components = [],
        array $data = [],
        $editUrl = self::ROW_EDIT_URL
    ) 
    {
        $this->_urlBuilder = $urlBuilder;
        $this->_editUrl = $editUrl;
        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) {
                $name = $this->getData('name');
                if (isset($item['entity_id'])) {
                    $item[$name]['edit'] = [
                        'href' => $this->_urlBuilder->getUrl(
                            $this->_editUrl, 
                            ['id' => $item['entity_id']]
                        ),
                        'label' => __('Edit'),
                    ];
                }
            }
        }

        return $dataSource;
    }
}

<?php

namespace Webkul\Grid\Ui\Component\Listing\Grid\Column;

use Magento\Framework\View\Element\UiComponent\ContextInterface;

use Magento\Framework\View\Element\UiComponentFactory;

use Magento\Ui\Component\Listing\Columns\Column;

use Magento\Framework\UrlInterface;

class Action extends Column

{

/** Url path */

const ROW_EDIT_URL = 'grid/grid/addrow';

/** @var UrlInterface */

protected $_urlBuilder;

/**

* @var string

private $_editUrl;

/**

* @param ContextInterface $context

* @param UiComponentFactory $uiComponentFactory

* @param UrlInterface $urlBuilder

* @param array $components

* @param array $data

* @param string $editUrl

public function __construct(

ContextInterface $context,

UiComponentFactory $uiComponentFactory,

UrlInterface $urlBuilder,

array $components = [],

array $data = [],

$editUrl = self::ROW_EDIT_URL

)

{

$this->_urlBuilder = $urlBuilder;

$this->_editUrl = $editUrl;

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) {

$name = $this->getData('name');

if (isset($item['entity_id'])) {

$item[$name]['edit'] = [

'href' => $this->_urlBuilder->getUrl(

$this->_editUrl,

['id' => $item['entity_id']]

'label' => __('Edit'),

];

}

return $dataSource;

}

12. Our UI component and data provider become ready . now we will create controller file index.php in app/code/Webkul/Grid/Controller/Adminhtml/Grid

<?php
/**
 * Webkul Grid Controller
 *
 * @category    Webkul
 * @package     Webkul_Grid
 * @author      Webkul Software Private Limited
 *
 */
namespace Webkul\Grid\Controller\Adminhtml\Grid;

class Index extends \Magento\Backend\App\Action
{
    /**
     * @var \Magento\Framework\View\Result\PageFactory
     */
    protected $_resultPageFactory;

    /**
     * @param \Magento\Backend\App\Action\Context        $context
     * @param \Magento\Framework\View\Result\PageFactory $resultPageFactory
     */
    public function __construct(
        \Magento\Backend\App\Action\Context $context,
        \Magento\Framework\View\Result\PageFactory $resultPageFactory
    ) 
    {
        parent::__construct($context);
        $this->_resultPageFactory = $resultPageFactory;
    }

    /**
     * Grid List page.
     *
     * @return \Magento\Backend\Model\View\Result\Page
     */
    public function execute()
    {
        /** @var \Magento\Backend\Model\View\Result\Page $resultPage */
        $resultPage = $this->_resultPageFactory->create();
        $resultPage->setActiveMenu('Webkul_Grid::grid_list');
        $resultPage->getConfig()->getTitle()->prepend(__('Grid List'));

        return $resultPage;
    }

    /**
     * Check Grid List Permission.
     *
     * @return bool
     */
    protected function _isAllowed()
    {
        return $this->_authorization->isAllowed('Webkul_Grid::grid_list');
    }
}

<?php

/**

* Webkul Grid Controller

* @category Webkul

* @package Webkul_Grid

* @author Webkul Software Private Limited

namespace Webkul\Grid\Controller\Adminhtml\Grid;

class Index extends \Magento\Backend\App\Action

{

/**

* @var \Magento\Framework\View\Result\PageFactory

protected $_resultPageFactory;

/**

* @param \Magento\Backend\App\Action\Context $context

* @param \Magento\Framework\View\Result\PageFactory $resultPageFactory

public function __construct(

\Magento\Backend\App\Action\Context $context,

\Magento\Framework\View\Result\PageFactory $resultPageFactory

)

{

parent::__construct($context);

$this->_resultPageFactory = $resultPageFactory;

}

/**

* Grid List page.

* @return \Magento\Backend\Model\View\Result\Page

public function execute()

{

/** @var \Magento\Backend\Model\View\Result\Page $resultPage */

$resultPage = $this->_resultPageFactory->create();

$resultPage->setActiveMenu('Webkul_Grid::grid_list');

$resultPage->getConfig()->getTitle()->prepend(__('Grid List'));

return $resultPage;

}

/**

* Check Grid List Permission.

* @return bool

protected function _isAllowed()

{

return $this->_authorization->isAllowed('Webkul_Grid::grid_list');

}

13. Create route file routes.xml in app/code/Webkul/Grid/etc/adminhtml

<?xml version="1.0"?>
<!--
/**
 * Webkul_Grid route xml
 *
 * @category    Webkul
 * @package     Webkul_Grid
 * @author      Webkul Software Private Limited
 *
 */
-->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
    <router id="admin">
        <route id="grid" frontName="grid">
            <module name="Webkul_Grid" />
        </route>
    </router>
</config>

<?xml version="1.0"?>

<!--

/**

* Webkul_Grid route xml

* @category Webkul

* @package Webkul_Grid

* @author Webkul Software Private Limited

-->

</route>

</router>

</config>

14. And for grid display create layout file grid_grid_index.xml in app/code/Webkul/Grid/view/adminhtml/layout

<?xml version="1.0"?>
<!--
/**
 * Webkul Grid Grid List Layout
 *
 * @category    Webkul
 * @package     Webkul_Grib
 * @author      Webkul Software Private Limited
 *
 */
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
                <!-- here we call our ui component of grid-->
        	<uiComponent name="grid_record_grid_list"/>
        </referenceContainer>
    </body>
</page>

<?xml version="1.0"?>

<!--

/**

* Webkul Grid Grid List Layout

* @category Webkul

* @package Webkul_Grib

* @author Webkul Software Private Limited

-->

<body>

</referenceContainer>

</body>

</page>

15. Above i missed one model of status so now i will create Status.php in app/code/Webkul/Grid/Model

<?php
/**
 * Webkul_Grid Status Options Model.
 * @category    Webkul
 * @author      Webkul Software Private Limited
 */
namespace Webkul\Grid\Model;
use Magento\Framework\Data\OptionSourceInterface;

class Status implements OptionSourceInterface
{
    /**
     * Get Grid row status type labels array.
     * @return array
     */
    public function getOptionArray()
    {
        $options = ['1' => __('Enabled'),'0' => __('Disabled')];
        return $options;
    }

    /**
     * Get Grid row status labels array with empty value for option element.
     *
     * @return array
     */
    public function getAllOptions()
    {
        $res = $this->getOptions();
        array_unshift($res, ['value' => '', 'label' => '']);
        return $res;
    }

    /**
     * Get Grid row type array for option element.
     * @return array
     */
    public function getOptions()
    {
        $res = [];
        foreach ($this->getOptionArray() as $index => $value) {
            $res[] = ['value' => $index, 'label' => $value];
        }
        return $res;
    }

    /**
     * {@inheritdoc}
     */
    public function toOptionArray()
    {
        return $this->getOptions();
    }
}

<?php

/**

* Webkul_Grid Status Options Model.

* @category Webkul

* @author Webkul Software Private Limited

namespace Webkul\Grid\Model;

use Magento\Framework\Data\OptionSourceInterface;

class Status implements OptionSourceInterface

{

/**

* Get Grid row status type labels array.

* @return array

public function getOptionArray()

{

$options = ['1' => __('Enabled'),'0' => __('Disabled')];

return $options;

}

/**

* Get Grid row status labels array with empty value for option element.

* @return array

public function getAllOptions()

{

$res = $this->getOptions();

array_unshift($res, ['value' => '', 'label' => '']);

return $res;

}

/**

* Get Grid row type array for option element.

* @return array

public function getOptions()

{

$res = [];

foreach ($this->getOptionArray() as $index => $value) {

$res[] = ['value' => $index, 'label' => $value];

}

return $res;

}

/**

* {@inheritdoc}

public function toOptionArray()

{

return $this->getOptions();

}

16. After these all our grid ready in admin section as follow

17. Now we’ll start how to save/edit data in table using form

Above in our Ui component file grid_record_grid_list.xml we already add path of add form url now we’ll create controller file AddRow.php in app/code/Webkul/Grid/Controller/Adminhtml/Grid

<?php
/**
 * Webkul Grid List Controller.
 * @category  Webkul
 * @package   Webkul_Grid
 * @author    Webkul
 * @copyright Copyright (c) 2010-2017 Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */
namespace Webkul\Grid\Controller\Adminhtml\Grid;

use Magento\Framework\Controller\ResultFactory;

class AddRow extends \Magento\Backend\App\Action
{
    /**
     * @var \Magento\Framework\Registry
     */
    private $coreRegistry;

    /**
     * @var \Webkul\Grid\Model\GridFactory
     */
    private $gridFactory;

    /**
     * @param \Magento\Backend\App\Action\Context $context
     * @param \Magento\Framework\Registry $coreRegistry,
     * @param \Webkul\Grid\Model\GridFactory $gridFactory
     */
    public function __construct(
        \Magento\Backend\App\Action\Context $context,
        \Magento\Framework\Registry $coreRegistry,
        \Webkul\Grid\Model\GridFactory $gridFactory
    ) {
        parent::__construct($context);
        $this->coreRegistry = $coreRegistry;
        $this->gridFactory = $gridFactory;
    }

    /**
     * Mapped Grid List page.
     * @return \Magento\Backend\Model\View\Result\Page
     */
    public function execute()
    {
        $rowId = (int) $this->getRequest()->getParam('id');
        $rowData = $this->gridFactory->create();
        /** @var \Magento\Backend\Model\View\Result\Page $resultPage */
        if ($rowId) {
           $rowData = $rowData->load($rowId);
           $rowTitle = $rowData->getTitle();
           if (!$rowData->getEntityId()) {
               $this->messageManager->addError(__('row data no longer exist.'));
               $this->_redirect('grid/grid/rowdata');
               return;
           }
       }

       $this->coreRegistry->register('row_data', $rowData);
       $resultPage = $this->resultFactory->create(ResultFactory::TYPE_PAGE);
       $title = $rowId ? __('Edit Row Data ').$rowTitle : __('Add Row Data');
       $resultPage->getConfig()->getTitle()->prepend($title);
       return $resultPage;
    }

    protected function _isAllowed()
    {
        return $this->_authorization->isAllowed('Webkul_Grid::add_row');
    }
}

<?php

/**

* Webkul Grid List Controller.

* @category Webkul

* @package Webkul_Grid

* @author Webkul

* @license https://store.webkul.com/license.html

namespace Webkul\Grid\Controller\Adminhtml\Grid;

use Magento\Framework\Controller\ResultFactory;

class AddRow extends \Magento\Backend\App\Action

{

/**

* @var \Magento\Framework\Registry

private $coreRegistry;

/**

* @var \Webkul\Grid\Model\GridFactory

private $gridFactory;

/**

* @param \Magento\Backend\App\Action\Context $context

* @param \Magento\Framework\Registry $coreRegistry,

* @param \Webkul\Grid\Model\GridFactory $gridFactory

public function __construct(

\Magento\Backend\App\Action\Context $context,

\Magento\Framework\Registry $coreRegistry,

\Webkul\Grid\Model\GridFactory $gridFactory

) {

parent::__construct($context);

$this->coreRegistry = $coreRegistry;

$this->gridFactory = $gridFactory;

}

/**

* Mapped Grid List page.

* @return \Magento\Backend\Model\View\Result\Page

public function execute()

{

$rowId = (int) $this->getRequest()->getParam('id');

$rowData = $this->gridFactory->create();

/** @var \Magento\Backend\Model\View\Result\Page $resultPage */

if ($rowId) {

$rowData = $rowData->load($rowId);

$rowTitle = $rowData->getTitle();

if (!$rowData->getEntityId()) {

$this->messageManager->addError(__('row data no longer exist.'));

$this->_redirect('grid/grid/rowdata');

return;

}

$this->coreRegistry->register('row_data', $rowData);

$resultPage = $this->resultFactory->create(ResultFactory::TYPE_PAGE);

$title = $rowId ? __('Edit Row Data ').$rowTitle : __('Add Row Data');

$resultPage->getConfig()->getTitle()->prepend($title);

return $resultPage;

}

protected function _isAllowed()

{

return $this->_authorization->isAllowed('Webkul_Grid::add_row');

}

18. Create block file of form AddRow.php in app/code/Webkul/Grid/Block/Adminhtml/Grid

<?php
    /**
     * Webkul_Grid Add Row Form Block.
     *
     * @category    Webkul
     *
     * @author      Webkul Software Private Limited
     */
namespace Webkul\Grid\Block\Adminhtml\Grid;

class AddRow extends \Magento\Backend\Block\Widget\Form\Container
{
    /**
     * Core registry.
     *
     * @var \Magento\Framework\Registry
     */
    protected $_coreRegistry = null;

    /**
     * @param \Magento\Backend\Block\Widget\Context $context
     * @param \Magento\Framework\Registry           $registry
     * @param array                                 $data
     */
    public function __construct(
        \Magento\Backend\Block\Widget\Context $context,
        \Magento\Framework\Registry $registry,
        array $data = []
    ) 
    {
        $this->_coreRegistry = $registry;
        parent::__construct($context, $data);
    }

    /**
     * Initialize Imagegallery Images Edit Block.
     */
    protected function _construct()
    {
        $this->_objectId = 'row_id';
        $this->_blockGroup = 'Webkul_Grid';
        $this->_controller = 'adminhtml_grid';
        parent::_construct();
        if ($this->_isAllowedAction('Webkul_Grid::add_row')) {
            $this->buttonList->update('save', 'label', __('Save'));
        } else {
            $this->buttonList->remove('save');
        }
        $this->buttonList->remove('reset');
    }

    /**
     * Retrieve text for header element depending on loaded image.
     *
     * @return \Magento\Framework\Phrase
     */
    public function getHeaderText()
    {
        return __('Add RoW Data');
    }

    /**
     * Check permission for passed action.
     *
     * @param string $resourceId
     *
     * @return bool
     */
    protected function _isAllowedAction($resourceId)
    {
        return $this->_authorization->isAllowed($resourceId);
    }

    /**
     * Get form action URL.
     *
     * @return string
     */
    public function getFormActionUrl()
    {
        if ($this->hasFormActionUrl()) {
            return $this->getData('form_action_url');
        }

        return $this->getUrl('*/*/save');
    }
}

<?php

/**

* Webkul_Grid Add Row Form Block.

* @category Webkul

* @author Webkul Software Private Limited

namespace Webkul\Grid\Block\Adminhtml\Grid;

class AddRow extends \Magento\Backend\Block\Widget\Form\Container

{

/**

* Core registry.

* @var \Magento\Framework\Registry

protected $_coreRegistry = null;

/**

* @param \Magento\Backend\Block\Widget\Context $context

* @param \Magento\Framework\Registry $registry

* @param array $data

public function __construct(

\Magento\Backend\Block\Widget\Context $context,

\Magento\Framework\Registry $registry,

array $data = []

)

{

$this->_coreRegistry = $registry;

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

}

/**

* Initialize Imagegallery Images Edit Block.

protected function _construct()

{

$this->_objectId = 'row_id';

$this->_blockGroup = 'Webkul_Grid';

$this->_controller = 'adminhtml_grid';

parent::_construct();

if ($this->_isAllowedAction('Webkul_Grid::add_row')) {

$this->buttonList->update('save', 'label', __('Save'));

} else {

$this->buttonList->remove('save');

}

$this->buttonList->remove('reset');

}

/**

* Retrieve text for header element depending on loaded image.

* @return \Magento\Framework\Phrase

public function getHeaderText()

{

return __('Add RoW Data');

}

/**

* Check permission for passed action.

* @param string $resourceId

* @return bool

protected function _isAllowedAction($resourceId)

{

return $this->_authorization->isAllowed($resourceId);

}

/**

* Get form action URL.

* @return string

public function getFormActionUrl()

{

if ($this->hasFormActionUrl()) {

return $this->getData('form_action_url');

}

return $this->getUrl('*/*/save');

}

19. Create block file of form with field Form.php in app/code/Webkul/Grid/Block/Adminhtml/Grid/Edit

<?php
/**
 * Webkul_Grid Add New Row Form Admin Block.
 * @category    Webkul
 * @package     Webkul_Grid
 * @author      Webkul Software Private Limited
 *
 */
namespace Webkul\Grid\Block\Adminhtml\Grid\Edit;


/**
 * Adminhtml Add New Row Form.
 */
class Form extends \Magento\Backend\Block\Widget\Form\Generic
{
    /**
     * @var \Magento\Store\Model\System\Store
     */
    protected $_systemStore;

    /**
     * @param \Magento\Backend\Block\Template\Context $context
     * @param \Magento\Framework\Registry             $registry
     * @param \Magento\Framework\Data\FormFactory     $formFactory
     * @param array                                   $data
     */
    public function __construct(
        \Magento\Backend\Block\Template\Context $context,
        \Magento\Framework\Registry $registry,
        \Magento\Framework\Data\FormFactory $formFactory,
        \Magento\Cms\Model\Wysiwyg\Config $wysiwygConfig,
        \Webkul\Grid\Model\Status $options,
        array $data = []
    ) 
    {
        $this->_options = $options;
        $this->_wysiwygConfig = $wysiwygConfig;
        parent::__construct($context, $registry, $formFactory, $data);
    }

    /**
     * Prepare form.
     *
     * @return $this
     */
    protected function _prepareForm()
    {
        $dateFormat = $this->_localeDate->getDateFormat(\IntlDateFormatter::SHORT);
        $model = $this->_coreRegistry->registry('row_data');
        $form = $this->_formFactory->create(
            ['data' => [
                            'id' => 'edit_form', 
                            'enctype' => 'multipart/form-data', 
                            'action' => $this->getData('action'), 
                            'method' => 'post'
                        ]
            ]
        );

        $form->setHtmlIdPrefix('wkgrid_');
        if ($model->getEntityId()) {
            $fieldset = $form->addFieldset(
                'base_fieldset',
                ['legend' => __('Edit Row Data'), 'class' => 'fieldset-wide']
            );
            $fieldset->addField('entity_id', 'hidden', ['name' => 'entity_id']);
        } else {
            $fieldset = $form->addFieldset(
                'base_fieldset',
                ['legend' => __('Add Row Data'), 'class' => 'fieldset-wide']
            );
        }

        $fieldset->addField(
            'title',
            'text',
            [
                'name' => 'title',
                'label' => __('Title'),
                'id' => 'title',
                'title' => __('Title'),
                'class' => 'required-entry',
                'required' => true,
            ]
        );

        $wysiwygConfig = $this->_wysiwygConfig->getConfig(['tab_id' => $this->getTabId()]);

        $fieldset->addField(
            'content',
            'editor',
            [
                'name' => 'content',
                'label' => __('Content'),
                'style' => 'height:36em;',
                'required' => true,
                'config' => $wysiwygConfig
            ]
        );

        $fieldset->addField(
            'publish_date',
            'date',
            [
                'name' => 'publish_date',
                'label' => __('Publish Date'),
                'date_format' => $dateFormat,
                'time_format' => 'HH:mm:ss',
                'class' => 'validate-date validate-date-range date-range-custom_theme-from',
                'class' => 'required-entry',
                'style' => 'width:200px',
            ]
        );
        $fieldset->addField(
            'is_active',
            'select',
            [
                'name' => 'is_active',
                'label' => __('Status'),
                'id' => 'is_active',
                'title' => __('Status'),
                'values' => $this->_options->getOptionArray(),
                'class' => 'status',
                'required' => true,
            ]
        );
        $form->setValues($model->getData());
        $form->setUseContainer(true);
        $this->setForm($form);

        return parent::_prepareForm();
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

<?php

/**

* Webkul_Grid Add New Row Form Admin Block.

* @category Webkul

* @package Webkul_Grid

* @author Webkul Software Private Limited

namespace Webkul\Grid\Block\Adminhtml\Grid\Edit;

/**

* Adminhtml Add New Row Form.

class Form extends \Magento\Backend\Block\Widget\Form\Generic

{

/**

* @var \Magento\Store\Model\System\Store

protected $_systemStore;

/**

* @param \Magento\Backend\Block\Template\Context $context

* @param \Magento\Framework\Registry $registry

* @param \Magento\Framework\Data\FormFactory $formFactory

* @param array $data

public function __construct(

\Magento\Backend\Block\Template\Context $context,

\Magento\Framework\Registry $registry,

\Magento\Framework\Data\FormFactory $formFactory,

\Magento\Cms\Model\Wysiwyg\Config $wysiwygConfig,

\Webkul\Grid\Model\Status $options,

array $data = []

)

{

$this->_options = $options;

$this->_wysiwygConfig = $wysiwygConfig;

parent::__construct($context, $registry, $formFactory, $data);

}

/**

* Prepare form.

* @return $this

protected function _prepareForm()

{

$dateFormat = $this->_localeDate->getDateFormat(\IntlDateFormatter::SHORT);

$model = $this->_coreRegistry->registry('row_data');

$form = $this->_formFactory->create(

['data' => [

'id' => 'edit_form',

'enctype' => 'multipart/form-data',

'action' => $this->getData('action'),

'method' => 'post'

]

);

$form->setHtmlIdPrefix('wkgrid_');

if ($model->getEntityId()) {

$fieldset = $form->addFieldset(

'base_fieldset',

['legend' => __('Edit Row Data'), 'class' => 'fieldset-wide']

);

$fieldset->addField('entity_id', 'hidden', ['name' => 'entity_id']);

} else {

$fieldset = $form->addFieldset(

'base_fieldset',

['legend' => __('Add Row Data'), 'class' => 'fieldset-wide']

);

}

$fieldset->addField(

'title',

'text',

[

'name' => 'title',

'label' => __('Title'),

'id' => 'title',

'title' => __('Title'),

'class' => 'required-entry',

'required' => true,

]

);

$wysiwygConfig = $this->_wysiwygConfig->getConfig(['tab_id' => $this->getTabId()]);

$fieldset->addField(

'content',

'editor',

[

'name' => 'content',

'label' => __('Content'),

'style' => 'height:36em;',

'required' => true,

'config' => $wysiwygConfig

]

);

$fieldset->addField(

'publish_date',

'date',

[

'name' => 'publish_date',

'label' => __('Publish Date'),

'date_format' => $dateFormat,

'time_format' => 'HH:mm:ss',

'class' => 'validate-date validate-date-range date-range-custom_theme-from',

'class' => 'required-entry',

'style' => 'width:200px',

]

);

$fieldset->addField(

'is_active',

'select',

[

'name' => 'is_active',

'label' => __('Status'),

'id' => 'is_active',

'title' => __('Status'),

'values' => $this->_options->getOptionArray(),

'class' => 'status',

'required' => true,

]

);

$form->setValues($model->getData());

$form->setUseContainer(true);

$this->setForm($form);

return parent::_prepareForm();

}

20. For render this form create layout file grid_grid_addrow.xml in app/code/Webkul/Grid/view/adminhtml/layout

<?xml version="1.0"?>
<!--
/**
 * Webkul_Grid add row layout
 * @category    Webkul
 * @package     Webkul_Grid
 * @author      Webkul Software Private Limited
 */
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="admin-1column"
      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
           <block class="Webkul\Grid\Block\Adminhtml\Grid\AddRow" name="add_row" />
        </referenceContainer>
    </body>
</page>

<?xml version="1.0"?>

<!--

/**

* Webkul_Grid add row layout

* @category Webkul

* @package Webkul_Grid

* @author Webkul Software Private Limited

-->

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="admin-1column"

xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">

<body>

</referenceContainer>

</body>

</page>

21. Now when we create on “Add New Row” Button on grid then form will open as follow

22. Create controller Save.php in app/code/Webkul/Grid/Controller/Adminhtml/Grid for save record

<?php

/**
 * Grid Admin Cagegory Map Record Save Controller.
 * @category  Webkul
 * @package   Webkul_Grid
 * @author    Webkul
 * @copyright Copyright (c) 2010-2017 Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */
namespace Webkul\Grid\Controller\Adminhtml\Grid;

class Save extends \Magento\Backend\App\Action
{
    /**
     * @var \Webkul\Grid\Model\GridFactory
     */
    var $gridFactory;

    /**
     * @param \Magento\Backend\App\Action\Context $context
     * @param \Webkul\Grid\Model\GridFactory $gridFactory
     */
    public function __construct(
        \Magento\Backend\App\Action\Context $context,
        \Webkul\Grid\Model\GridFactory $gridFactory
    ) {
        parent::__construct($context);
        $this->gridFactory = $gridFactory;
    }

    /**
     * @SuppressWarnings(PHPMD.CyclomaticComplexity)
     * @SuppressWarnings(PHPMD.NPathComplexity)
     */
    public function execute()
    {
        $data = $this->getRequest()->getPostValue();
        if (!$data) {
            $this->_redirect('grid/grid/addrow');
            return;
        }
        try {
            $rowData = $this->gridFactory->create();
            $rowData->setData($data);
            if (isset($data['id'])) {
                $rowData->setEntityId($data['id']);
            }
            $rowData->save();
            $this->messageManager->addSuccess(__('Row data has been successfully saved.'));
        } catch (\Exception $e) {
            $this->messageManager->addError(__($e->getMessage()));
        }
        $this->_redirect('grid/grid/index');
    }

    /**
     * @return bool
     */
    protected function _isAllowed()
    {
        return $this->_authorization->isAllowed('Webkul_Grid::save');
    }
}

<?php

/**

* Grid Admin Cagegory Map Record Save Controller.

* @category Webkul

* @package Webkul_Grid

* @author Webkul

* @license https://store.webkul.com/license.html

namespace Webkul\Grid\Controller\Adminhtml\Grid;

class Save extends \Magento\Backend\App\Action

{

/**

* @var \Webkul\Grid\Model\GridFactory

var $gridFactory;

/**

* @param \Magento\Backend\App\Action\Context $context

* @param \Webkul\Grid\Model\GridFactory $gridFactory

public function __construct(

\Magento\Backend\App\Action\Context $context,

\Webkul\Grid\Model\GridFactory $gridFactory

) {

parent::__construct($context);

$this->gridFactory = $gridFactory;

}

/**

* @SuppressWarnings(PHPMD.CyclomaticComplexity)

* @SuppressWarnings(PHPMD.NPathComplexity)

public function execute()

{

$data = $this->getRequest()->getPostValue();

if (!$data) {

$this->_redirect('grid/grid/addrow');

return;

}

try {

$rowData = $this->gridFactory->create();

$rowData->setData($data);

if (isset($data['id'])) {

$rowData->setEntityId($data['id']);

}

$rowData->save();

$this->messageManager->addSuccess(__('Row data has been successfully saved.'));

} catch (\Exception $e) {

$this->messageManager->addError(__($e->getMessage()));

}

$this->_redirect('grid/grid/index');

}

/**

* @return bool

protected function _isAllowed()

{

return $this->_authorization->isAllowed('Webkul_Grid::save');

}

23. After save row data it will display in grid as follow

24. Now we create controller for mass delete MassDelete.php in app/code/Webkul/Grid/Controller/Adminhtml/Grid

<?php
/**
 * Webkul Grid Record Delete Controller.
 * @category  Webkul
 * @package   Webkul_Grid
 * @author    Webkul
 * @copyright Copyright (c) 2010-2017 Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */
namespace Webkul\Grid\Controller\Adminhtml\Grid;

use Magento\Framework\Controller\ResultFactory;
use Magento\Backend\App\Action\Context;
use Magento\Ui\Component\MassAction\Filter;
use Webkul\Grid\Model\ResourceModel\Grid\CollectionFactory;

class MassDelete extends \Magento\Backend\App\Action
{
    /**
     * Massactions filter._
     * @var Filter
     */
    protected $_filter;

    /**
     * @var CollectionFactory
     */
    protected $_collectionFactory;

    /**
     * @param Context           $context
     * @param Filter            $filter
     * @param CollectionFactory $collectionFactory
     */
    public function __construct(
        Context $context,
        Filter $filter,
        CollectionFactory $collectionFactory
    ) {

        $this->_filter = $filter;
        $this->_collectionFactory = $collectionFactory;
        parent::__construct($context);
    }

    /**
     * @return \Magento\Backend\Model\View\Result\Redirect
     */
    public function execute()
    {
        $collection = $this->_filter->getCollection($this->_collectionFactory->create());
        $recordDeleted = 0;
        foreach ($collection->getItems() as $record) {
            $record->setId($record->getEntityId());
            $record->delete();
            $recordDeleted++;
        }
        $this->messageManager->addSuccess(__('A total of %1 record(s) have been deleted.', $recordDeleted));

        return $this->resultFactory->create(ResultFactory::TYPE_REDIRECT)->setPath('*/*/index');
    }

    /**
     * Check Category Map recode delete Permission.
     * @return bool
     */
    protected function _isAllowed()
    {
        return $this->_authorization->isAllowed('Webkul_Grid::row_data_delete');
    }
}

<?php

/**

* Webkul Grid Record Delete Controller.

* @category Webkul

* @package Webkul_Grid

* @author Webkul

* @license https://store.webkul.com/license.html

namespace Webkul\Grid\Controller\Adminhtml\Grid;

use Magento\Framework\Controller\ResultFactory;

use Magento\Backend\App\Action\Context;

use Magento\Ui\Component\MassAction\Filter;

use Webkul\Grid\Model\ResourceModel\Grid\CollectionFactory;

class MassDelete extends \Magento\Backend\App\Action

{

/**

* Massactions filter._

* @var Filter

protected $_filter;

/**

* @var CollectionFactory

protected $_collectionFactory;

/**

* @param Context $context

* @param Filter $filter

* @param CollectionFactory $collectionFactory

public function __construct(

Context $context,

Filter $filter,

CollectionFactory $collectionFactory

) {

$this->_filter = $filter;

$this->_collectionFactory = $collectionFactory;

parent::__construct($context);

}

/**

* @return \Magento\Backend\Model\View\Result\Redirect

public function execute()

{

$collection = $this->_filter->getCollection($this->_collectionFactory->create());

$recordDeleted = 0;

foreach ($collection->getItems() as $record) {

$record->setId($record->getEntityId());

$record->delete();

$recordDeleted++;

}

$this->messageManager->addSuccess(__('A total of %1 record(s) have been deleted.', $recordDeleted));

return $this->resultFactory->create(ResultFactory::TYPE_REDIRECT)->setPath('*/*/index');

}

/**

* Check Category Map recode delete Permission.

* @return bool

protected function _isAllowed()

{

return $this->_authorization->isAllowed('Webkul_Grid::row_data_delete');

}

25. After that you can delete row form grid as

Now Create grid , insert , Edit and update (Magento2 admin grid data CRUD ) feature done.

Download sample code form github

Searching for an experienced
Magento Company ? Read More

Thanks 🙂

abhishek

7 Badges

16 July 2021

48 comments

altaf Feb 18, 2020 at 8:12 am

Thank you for given this

Soundar Dec 20, 2018 at 11:17 am

Nice blog for beginner of Magento

Suraj Kumar (Moderator) Dec 21, 2018 at 4:59 am
Hello There, Thanks for your appreciation. It will boost us to create more blogs like this.

Senthil Nov 3, 2018 at 7:36 am

Thank you. It is working fine.
May I know how the Form.php in Block/AdminHtml/Grid/Edit/Form.php is linked to /addrow page. I am not able to understand that.

Hannes Stefani Sep 18, 2017 at 8:36 am

how can i display all the data on a seperated page ? like the products page?

Webkul Support Sep 20, 2017 at 1:08 pm
Thank you for the contact. We will try to cover this part in next blog.

Dhaval Mistry Jul 19, 2017 at 11:50 am

If I want to display my grid data in customer side then what should I do?

Dhaval Mistry Jul 14, 2017 at 10:29 am

Thank you so much This is really very helpful.

vishnu salunke Jul 14, 2017 at 6:46 am

Thanks it works like charm…

John Jul 4, 2017 at 10:34 am

I am getting Error Not registered handle in admin grid? plz replay

Vinaya Maheshwari Jul 1, 2017 at 4:33 am

Followed your tutorial, but menu redirecting me to Dashboard instead of grid, please reply.

vishnu salunke Jul 14, 2017 at 6:56 am
if you have the folder like Controllers.make change as a Controller. and then apply the setup:upgrade command.after that you still face the same error make new file like abc.php in Controller/Adminhtml/Grid. and according to this file you need to change the menu.xml action like {action=”grid/grid/abc”}.then clean the cache.and check the out put..
Note:in abc.php write the simple echo statement..
if you receive the output like echo statement.then change the action as before like:{action=”grid/grid/index”}.once again clean the cache and check the result..
i hope this is helpfull to you..

PHP Developer May 31, 2017 at 8:56 am

I am getting this error after implementing above,

Fatal error: Method
MagentoUiTemplateEngineXhtmlResult::__toString() must not throw an
exception, caught TypeError: Argument 1 passed to
MagentoFrameworkViewElementUiComponentDataProviderDataProvider::searchResultToOutput()
must be an instance of
MagentoFrameworkApiSearchSearchResultInterface, instance of
NeopayStripeModelResourceModelStripeCollection given, called in
/var/www/html/buenavida/vendor/magento/framework/View/Element/UiComponent/DataProvider/DataProvider.php
on line 284 in /var/www/html/buenavida/vendor/magento/module-ui/Component/Wrapper/UiComponent.php on line 0

govind89 May 26, 2017 at 11:43 am

Hi i am getting error as “syntax error, unexpected ‘namespace’ (T_NAMESPACE)” What i should do i am new to magento 2. I have checked twice all the files.

Please help me to Sort Out.

Cvince May 22, 2017 at 11:53 am

I am getting error if i put this form inside Tab. but without tab it’s working. When i am going to save m getting error as following :
TypeError: $.data(…) is undefined

Please help me.

Nantha kumar May 15, 2017 at 8:36 am

Mass Delete is not working

Error : Exception #0 (MagentoFrameworkExceptionLocalizedException): Invalid method MagentoFrameworkViewElementUiComponentDataProviderDocument::delete

Vishal Apr 27, 2021 at 11:49 am
public function execute()
{
$collection = $this->_filter->getCollection($this->_collectionFactory->create());
$recordDeleted = 0;
foreach ($collection as $item) {
$deleteItem = $this->_objectManager->get(‘Magneto\InquiryForm\Model\Grid’)->load($item->getId());
$deleteItem->delete();
$recordDeleted++;
}
$this->messageManager->addSuccess(__(‘A total of %1 record(s) have been deleted.’, $recordDeleted));

return $this->resultFactory->create(ResultFactory::TYPE_REDIRECT)->setPath(‘*/*/index’);
}

mohammed8960 May 4, 2017 at 7:44 pm

hi, in order to work please update your article by the following
in routes.xml : should be
Controllers folder name : should be: Controller
in grid_record_grid_list.xml file PageGridDataProvider : should be : MagentoFrameworkViewElementUiComponentDataProviderDataProvider

Yashdeeo Gorkhe Apr 18, 2017 at 8:52 am

I am also getting blank page when click on Add new button. No Form is showing.

It seems like Form is not connecting with addRow.php file which route is app/code/Webkul/Grid/Block/Adminhtml/Grid

I am adding a screenshot http://www.awesomescreenshot.com/image/2406695/0196fdd7cba73afff3f54bebb6913ac5

Can anyone please help me to solve this?

gaurav agrawal Mar 22, 2017 at 7:52 am

I am getting a blank page when I click on Add New Button. WebKul team, can you help me solve this issue.

Vishal Apr 27, 2021 at 11:45 am
php bin/magento setup:di:compile

Hiren Mar 20, 2017 at 10:12 am

why use interface?

Hiren Mar 20, 2017 at 10:11 am

here What is use of interface?

mageDev0688 Mar 2, 2017 at 6:23 am

@disqus_EKZq2HIx6T:disqus I have followed the step 16 and it’s redirecting me on the Dashboard not on the Grid. I am using Magento ver. 2.1.3

vivek Feb 25, 2017 at 8:57 am

Dear sir plz help me,
my problem is When I click “Add New Row”. I’m not getting form i’m getting only header & footer Bu Not Display Form.

Jonathan La Mela Feb 19, 2017 at 8:36 pm

I’ve tried but when I show the controller I see this message :

Recoverable Error: Argument 1 passed to MagentoFrameworkViewElementUiComponentDataProviderDataProvider::searchResultToOutput() must implement interface MagentoFrameworkApiSearchSearchResultInterface, instance of BesolutionEpricesyncronizationModelResourceModelRicarichiCollection given, called in /Applications/XAMPP/xamppfiles/htdocs/epricemagento/vendor/magento/framework/View/Element/UiComponent/DataProvider/DataProvider.php on line 284 and defined in /Applications/XAMPP/xamppfiles/htdocs/epricemagento/vendor/magento/framework/View/Element/UiComponent/DataProvider/DataProvider.php on line 245

How I can solve ?

Prashant Patel Jan 19, 2017 at 7:41 am

“Add New Row”. I’m not getting form instead i’m getting blank screen.

pinku k Nov 1, 2016 at 1:26 pm

At line no. 21 after click “Add New Row”. I’m not getting form instead i’m getting blank screen.

mahesh Oct 7, 2016 at 5:29 am

Hello,
/var/www/html/mahesh/magento210/app/code/Zalw/AdvanceMessage/view/adminhtml/ui_component/grid_record_grid_list.xml
in this file error how to reslove.
please help

Warning: DOMDocument::loadXML(): Start tag expected, ‘<‘ not found in Entity, line: 10 in /var/www/html/mahesh/magento210/vendor/magento/framework/View/Element/UiComponent/Config/DomMerger.php on line 324

Sachin S Sep 1, 2016 at 11:37 am

Class PageGridDataProvider does not exist on click of Grid Manager

Abhishek Singh Sep 9, 2016 at 10:30 am
Sachin S replace PageGridDataProvider with MagentoFrameworkViewElementUiComponentDataProviderDataProvider

in app/code/NameSpace/ModuleName/view/adminhtml/ui_component folder files.

krishnakumar Aug 12, 2016 at 12:22 pm

Hi can anyone help me regarding this error,i can’t figure out what the error is about.

a:4:{i:0;s:435:”Recoverable Error: Argument 1 passed to WebkulGridControllerAdminhtmlGridIndex::__construct() must be an instance of MagentoBackendAppActionContext, instance of MagentoFrameworkObjectManagerObjectManager given, called in C:wampwwwMagento6vendormagentoframeworkObjectManagerFactoryAbstractFactory.php on line 93 and defined in C:wampwwwMagento6appcodeWebkulGridControllerAdminhtmlGridindex.php on line 24″;i:1;s:3089:”#0 C:wampwwwMagento6appcodeWebkulGridControllerAdminhtmlGridindex.php(24): MagentoFrameworkAppErrorHandler->handler(4096, ‘Argument 1 pass…’, ‘C:\wamp\www\Mag…’, 24, Array)
#1 C:wampwwwMagento6vendormagentoframeworkObjectManagerFactoryAbstractFactory.php(93): WebkulGridControllerAdminhtmlGridIndex->__construct(Object(MagentoFrameworkObjectManagerObjectManager))
#2 C:wampwwwMagento6vendormagentoframeworkObjectManagerFactoryCompiled.php(88): MagentoFrameworkObjectManagerFactoryAbstractFactory->createObject(‘Webkul\Grid\Con…’, Array)
#3 C:wampwwwMagento6vendormagentoframeworkObjectManagerObjectManager.php(57): MagentoFrameworkObjectManagerFactoryCompiled->create(‘Webkul\Grid\Con…’, Array)
#4 C:wampwwwMagento6vendormagentoframeworkAppActionFactory.php(40): MagentoFrameworkObjectManagerObjectManager->create(‘Webkul\Grid\Con…’)
#5 C:wampwwwMagento6vendormagentoframeworkAppRouterBase.php(300): MagentoFrameworkAppActionFactory->create(‘Webkul\Grid\Con…’)
#6 C:wampwwwMagento6vendormagentoframeworkAppRouterBase.php(161): MagentoFrameworkAppRouterBase->matchAction(Object(MagentoFrameworkAppRequestHttp), Array)
#7 C:wampwwwMagento6vendormagentoframeworkAppFrontController.php(50): MagentoFrameworkAppRouterBase->match(Object(MagentoFrameworkAppRequestHttp))
#8 C:wampwwwMagento6vendormagentoframeworkInterceptionInterceptor.php(74): MagentoFrameworkAppFrontController->dispatch(Object(MagentoFrameworkAppRequestHttp))
#9 C:wampwwwMagento6vendormagentoframeworkInterceptionChainChain.php(70): MagentoFrameworkAppFrontControllerInterceptor->___callParent(‘dispatch’, Array)
#10 C:wampwwwMagento6vendormagentoframeworkInterceptionInterceptor.php(138): MagentoFrameworkInterceptionChainChain->invokeNext(‘Magento\Framewo…’, ‘dispatch’, Object(MagentoFrameworkAppFrontControllerInterceptor), Array, ‘install’)
#11 C:wampwwwMagento6vendormagentoframeworkModulePluginDbStatusValidator.php(69): MagentoFrameworkAppFrontControllerInterceptor->MagentoFrameworkInterception{closure}(Object(MagentoFrameworkAppRequestHttp))
#12 C:wampwwwMagento6vendormagentoframeworkInterceptionInterceptor.php(142): MagentoFrameworkModulePluginDbStatusValidator->aroundDispatch(Object(MagentoFrameworkAppFrontControllerInterceptor), Object(Closure), Object(MagentoFrameworkAppRequestHttp))
#13 C:wampwwwMagento6vargenerationMagentoFrameworkAppFrontControllerInterceptor.php(26): MagentoFrameworkAppFrontControllerInterceptor->___callPlugins(‘dispatch’, Array, Array)
#14 C:wampwwwMagento6vendormagentoframeworkAppHttp.php(135): MagentoFrameworkAppFrontControllerInterceptor->dispatch(Object(MagentoFrameworkAppRequestHttp))
#15 C:wampwwwMagento6vendormagentoframeworkAppBootstrap.php(258): MagentoFrameworkAppHttp->launch()
#16 C:wampwwwMagento6index.php(39): MagentoFrameworkAppBootstrap->run(Object(MagentoFrameworkAppHttp))
#17 {main}”;s:3:”url”;s:108:”/Magento6/admin_ph7fnk/grid/grid/index/key/9df30dd61ea0f4a4b169698e8038e1e2c74e23ea7c29c26322053641145d44f7/”;s:11:”script_name”;s:19:”/Magento6/index.php”;}

Iulian Șpac Jul 13, 2016 at 6:42 am

Hello, I have the following problem when I want to delete items (code from the last screen MassDelete.php controller). Can you help me? Thanks

suresh V.R May 19, 2016 at 12:25 pm

hi I am getting this error ‘Fatal error: Interface ‘WebkulGridApiDataGridInterface’ not found in app/code/Webkul/Grid/Model/Grid.php on line 15 ‘

Abhishek Singh May 20, 2016 at 11:55 am
hi @suresh_v_r:disqus follow point no. 6 .

abdul May 6, 2016 at 5:54 am

module not dislay in admin

Abhishek Singh May 9, 2016 at 9:45 am
Hi please follow updated blog post steps for grid data CRUD feature.
thanks

Ritika May 1, 2016 at 11:13 am

I am getting error attached in screenshot and system log showing main.CRITICAL: Class
WebkulGridModelStatus does not exist

Abhishek Singh May 9, 2016 at 9:46 am
follow updated blog post steps for grid data CRUD feature.

Anamika Apr 25, 2016 at 3:56 am

HI
After following all the above steps to create a admin grid. No grid is displaying in my admin panel, instead it will display only header and footer section. Can you tell me, why the grid is not displaying.

Abhishek Singh May 9, 2016 at 9:48 am
now post updated you can check it

Mitch Thompson Mar 24, 2016 at 2:00 pm

As of 3-24-2016, these steps are no longer even close to the design of a base magento module. Theres no Grid folder in the module root for instance.

Preet Kaur Mar 11, 2016 at 10:56 am

When I follow your steps I got this error, Please let me know how to solve this issue
a:4:{i:0;s:177:”Warning: DOMDocument::loadXML(): Extra content at the end of the document in Entity, line: 12 in /var/www/html/magento2/lib/internal/Magento/Framework/Config/Dom.php on line 365″;i:1;s:6307:”#0 [internal function]: MagentoFrameworkAppErrorHandler->handler(2, ‘DOMDocument::lo…’, ‘/var/www/html/m…’, 365, Array)

pawan Jan 20, 2016 at 7:14 am

When I follow your steps I got this error
:4:{i:0;s:176:”Warning: DOMDocument::loadXML(): Extra content at the end of the document in Entity

Could you let me know why this happend

Miller Gómez Sánchez Jan 13, 2016 at 10:20 pm

Please, could you explain the function:
protected function __construct ()
Route:
app / code / Webkul / Grid / Block / Adminhtml / Grid / Grid.php

pawan Jan 25, 2016 at 12:30 pm
Hello Miller Gómez Sánchez
I have also followed the steps Here .
But when I go to the admin and clcik on the Webkul Grid View it disaply me blank view .
Can you please let me know where I did wrong .
Or Share your Extension with me . So It will essay to me .

Thanks

sachin Nov 26, 2015 at 8:48 am

Getting Error: while compilation

[ReflectionException]
Class WebkulGridModelStatus does not exist

Downloaded magento2 from magento connect.

webkul Jan 14, 2016 at 6:57 am
install magento from composer and then try

Create Grid , edit/add grid row and installer in Magento2