{"id":48474,"date":"2016-05-09T09:39:01","date_gmt":"2016-05-09T09:39:01","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=48474"},"modified":"2024-02-21T06:41:26","modified_gmt":"2024-02-21T06:41:26","slug":"create-collection-grid-editadd-grid-row-installer-magento2","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/","title":{"rendered":"How to create Collection Grid, Edit\/Add grid row, and Installer in Magento2"},"content":{"rendered":"\n

Here we create Collection Grid , edit\/add grid row and installer in Magento2<\/h3>\n\n\n\n

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.<\/p>\n\n\n\n

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
app\/code\/Webkul\/Grid\/view\/adminhtml\/templates<\/p>\n\n\n\n

Now, as we have the directory structure ready, we will now create file as per module requirement in given sequence:<\/p>\n\n\n\n

1.First, we have to create the module configuration file named module.xml in app\/code\/Webkul\/Grid\/etc<\/h3>\n\n\n\n
<?xml version="1.0"?>\n<!--\n\/**\n * Webkul_Grid Module \n *\n * @category    Webkul\n * @package     Webkul_Grid\n * @author      Webkul Software Private Limited\n *\n *\/\n-->\n<config xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module\/etc\/module.xsd">\n    <module name="Webkul_Grid" setup_version="2.0.0">\n    <\/module>\n<\/config><\/pre>\n\n\n\n
2.Then, we have to create the module registration\u00a0 file named registration.php in app\/code\/Webkul\/Grid<\/h3>\n\n\n\n
<?php\n \/**\n * Webkul_Grid Module Registration\n *\n * @category    Webkul\n * @package     Webkul_Grid\n * @author      Webkul Software Private Limited\n *\n *\/\n\n\\Magento\\Framework\\Component\\ComponentRegistrar::register(\n    \\Magento\\Framework\\Component\\ComponentRegistrar::MODULE,\n    'Webkul_Grid',\n    __DIR__\n);<\/pre>\n\n\n\n
3.Now, we have to create the menu configuration file named menu.xml in app\/code\/Webkul\/Grid\/etc\/adminhtml<\/h3>\n\n\n\n
<?xml version="1.0"?>\n<!--\n\/**\n * Webkul_Grid Menu\n *\n * @category    Webkul\n * @package     Webkul_Grid\n * @author      Webkul Software Private Limited\n *\n *\/\n-->\n<config xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Backend:etc\/menu.xsd">\n    <menu>\n    \t<add id="Webkul_Grid::manager" title="Grid Manager" module="Webkul_Grid" sortOrder="10" resource="Webkul_Grid::manager"\/>\n    \t<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"\/>\n    <\/menu>\n<\/config><\/pre>\n\n\n\n
4.Now, we have to create the Installer\u00a0 file named InstallSchema.php in app\/code\/Webkul\/Grid\/Setup.<\/h3>\n\n\n\n
<?php\n\/**\n * Webkul Grid Schema Setup.\n * @category    Webkul\n * @package     Webkul_Grid\n * @author      Webkul Software Private Limited\n *\/\nnamespace Webkul\\Grid\\Setup;\n\nuse Magento\\Framework\\Setup\\InstallSchemaInterface;\nuse Magento\\Framework\\Setup\\ModuleContextInterface;\nuse Magento\\Framework\\Setup\\SchemaSetupInterface;\n\n\/**\n * @codeCoverageIgnore\n *\/\nclass InstallSchema implements InstallSchemaInterface\n{\n    \/**\n     * {@inheritdoc}\n     *\n     * @SuppressWarnings(PHPMD.ExcessiveMethodLength)\n     *\/\n    public function install(SchemaSetupInterface $setup, ModuleContextInterface $context)\n    {\n        $installer = $setup;\n\n        $installer->startSetup();\n\n        \/*\n         * Create table 'wk_grid_records'\n         *\/\n\n        $table = $installer->getConnection()->newTable(\n            $installer->getTable('wk_grid_records')\n        )->addColumn(\n            'entity_id',\n            \\Magento\\Framework\\DB\\Ddl\\Table::TYPE_INTEGER,\n            null,\n            ['identity' => true, 'nullable' => false, 'primary' => true],\n            'Grid Record Id'\n        )->addColumn(\n            'title',\n            \\Magento\\Framework\\DB\\Ddl\\Table::TYPE_TEXT,\n            255,\n            ['nullable' => false],\n            'Title'\n        )->addColumn(\n            'content',\n            \\Magento\\Framework\\DB\\Ddl\\Table::TYPE_TEXT,\n            '2M',\n            ['nullable' => false],\n            'Post'\n        )->addColumn(\n            'publish_date',\n            \\Magento\\Framework\\DB\\Ddl\\Table::TYPE_DATE,\n            null,\n            [],\n            'Publish Date'\n        )->addColumn(\n            'is_active',\n            \\Magento\\Framework\\DB\\Ddl\\Table::TYPE_SMALLINT,\n            null,\n            [],\n            'Active Status'\n        )->addColumn(\n            'created_at',\n            \\Magento\\Framework\\DB\\Ddl\\Table::TYPE_TIMESTAMP,\n            ['nullable' => false, 'default' => \\Magento\\Framework\\DB\\Ddl\\Table::TIMESTAMP_INIT],\n            'Creation Time'\n        )->addColumn(\n            'update_time',\n            \\Magento\\Framework\\DB\\Ddl\\Table::TYPE_TIMESTAMP,\n            ['nullable' => false, 'default' => \\Magento\\Framework\\DB\\Ddl\\Table::TIMESTAMP_INIT_UPDATE],\n            'Modification Time'\n        )->setComment(\n            'Row Data Table'\n        );\n\n        $installer->getConnection()->createTable($table);\n        $installer->endSetup();\n    }\n}<\/pre>\n\n\n\n
5.Now,\u00a0 for table \u2018wk_grid_records\u2019 which created by installer we have to create the Interface file named GridInterface.php in app\/code\/Webkul\/Grid\/Api\/Data .<\/h3>\n\n\n\n
<?php\n\/**\n * Webkul Software.\n *\n * @category   Webkul\n * @package    Webkul_Grid\n * @author     Webkul Software Private Limited\n * @copyright  Webkul Software Private Limited (https:\/\/webkul.com)\n * @license    https:\/\/store.webkul.com\/license.html\n *\/\nnamespace Webkul\\Grid\\Api\\Data;\n\n\/**\n * Grid Interface\n * @api\n *\/\ninterface GridInterface\n{\n    \/**#@+\n     * Constants for keys of data array. Identical to the name of the getter in snake case\n     *\/\n    public const ENTITY_ID          = 'entity_id';\n    public const TITLE              = 'title';\n    public const CONTENT            = 'content';\n    public const PUBLISH_DATE       = 'publish_date';\n    public const IS_ACTIVE          = 'is_active';\n    public const UPDATE_TIME        = 'update_time';\n    public const CREATED_AT         = 'created_at';\n\n\n    \/**\n     * Get Entity Id\n     *\n     * @return integer|null\n     *\/\n    public function getEntityId();\n\n    \/**\n     * Set Entity Id\n     *\n     * @param integer $entityId\n     * @return \\Webkul\\Grid\\Api\\Data\\GridInterface\n     *\/\n    public function setEntityId($entityId);\n\n    \/**\n     * Get Title\n     * @return \\Webkul\\Grid\\Api\\Data\\GridInterface\n     *\/\n    public function getTitle();\n\n    \/**\n     * Set Title\n     *\n     * @param string $title\n     * @return \\Webkul\\Grid\\Api\\Data\\GridInterface\n     *\/\n    public function setTitle($title);\n\n    \/**\n     * Get Content\n     *\n     * @return string|null\n     *\/\n    public function getContent();\n\n    \/**\n     * Set Content\n     *\n     * @param string $content\n     * @return \\Webkul\\Grid\\Api\\Data\\GridInterface\n     *\/\n    public function setContent($content);\n\n    \/**\n     * Get Publish Date\n     *\n     * @return string|null\n     *\/\n    public function getPublishDate();\n\n    \/**\n     * Set Publish Date\n     *\n     * @param string $publishDate\n     * @return \\Webkul\\Grid\\Api\\Data\\GridInterface\n     *\/\n    public function setPublishDate($publishDate);\n\n    \/**\n     * Get Is Active\n     *\n     * @return int|null\n     *\/\n    public function getIsActive();\n\n    \/**\n     * Set Is Active\n     *\n     * @param int $isActive\n     * @return \\Webkul\\Grid\\Api\\Data\\GridInterface\n     *\/\n    public function setIsActive($isActive);\n\n    \/**\n     * Get Update Time\n     *\n     * @return string|null\n     *\/\n    public function getUpdateTime();\n\n    \/**\n     * Set Update Time\n     *\n     * @param string $updateTime\n     * @return \\Webkul\\Grid\\Api\\Data\\GridInterface\n     *\/\n    public function setUpdateTime($updateTime);\n\n    \/**\n     * Get Created At\n     *\n     * @return string|null\n     *\/\n    public function getCreatedAt();\n\n    \/**\n     * Set Created At\n     *\n     * @param string $createdAt\n     * @return \\Webkul\\Grid\\Api\\Data\\GridInterface\n     *\/\n    public function setCreatedAt($createdAt);\n}<\/pre>\n\n\n\n
6.Now,\u00a0 we will implement the GridInterface in the Model file named Grid.php in app\/code\/Webkul\/Grid\/Model .<\/h3>\n\n\n\n
<?php\n\n\/**\n * Auction Grid Model.\n *\n * @category    Webkul\n *\n * @author      Webkul Software Private Limited\n *\/\nnamespace Webkul\\Grid\\Model;\n\nuse Webkul\\Grid\\Api\\Data\\GridInterface;\n\nclass Grid extends \\Magento\\Framework\\Model\\AbstractModel implements GridInterface\n{\n    \/**\n     * CMS page cache tag.\n     *\/\n    const CACHE_TAG = 'wk_grid_records';\n\n    \/**\n     * @var string\n     *\/\n    protected $_cacheTag = 'wk_grid_records';\n\n    \/**\n     * Prefix of model events names.\n     *\n     * @var string\n     *\/\n    protected $_eventPrefix = 'wk_grid_records';\n\n    \/**\n     * Initialize resource model.\n     *\/\n    protected function _construct()\n    {\n        $this->_init('Webkul\\Grid\\Model\\ResourceModel\\Grid');\n    }\n    \/**\n     * Get EntityId.\n     *\n     * @return int\n     *\/\n    public function getEntityId()\n    {\n        return $this->getData(self::ENTITY_ID);\n    }\n\n    \/**\n     * Set EntityId.\n     *\/\n    public function setEntityId($entityId)\n    {\n        return $this->setData(self::ENTITY_ID, $entityId);\n    }\n\n    \/**\n     * Get Title.\n     *\n     * @return varchar\n     *\/\n    public function getTitle()\n    {\n        return $this->getData(self::TITLE);\n    }\n\n    \/**\n     * Set Title.\n     *\/\n    public function setTitle($title)\n    {\n        return $this->setData(self::TITLE, $title);\n    }\n\n    \/**\n     * Get getContent.\n     *\n     * @return varchar\n     *\/\n    public function getContent()\n    {\n        return $this->getData(self::CONTENT);\n    }\n\n    \/**\n     * Set Content.\n     *\/\n    public function setContent($content)\n    {\n        return $this->setData(self::CONTENT, $content);\n    }\n\n    \/**\n     * Get PublishDate.\n     *\n     * @return varchar\n     *\/\n    public function getPublishDate()\n    {\n        return $this->getData(self::PUBLISH_DATE);\n    }\n\n    \/**\n     * Set PublishDate.\n     *\/\n    public function setPublishDate($publishDate)\n    {\n        return $this->setData(self::PUBLISH_DATE, $publishDate);\n    }\n\n    \/**\n     * Get IsActive.\n     *\n     * @return varchar\n     *\/\n    public function getIsActive()\n    {\n        return $this->getData(self::IS_ACTIVE);\n    }\n\n    \/**\n     * Set IsActive.\n     *\/\n    public function setIsActive($isActive)\n    {\n        return $this->setData(self::IS_ACTIVE, $isActive);\n    }\n\n    \/**\n     * Get UpdateTime.\n     *\n     * @return varchar\n     *\/\n    public function getUpdateTime()\n    {\n        return $this->getData(self::UPDATE_TIME);\n    }\n\n    \/**\n     * Set UpdateTime.\n     *\/\n    public function setUpdateTime($updateTime)\n    {\n        return $this->setData(self::UPDATE_TIME, $updateTime);\n    }\n\n    \/**\n     * Get CreatedAt.\n     *\n     * @return varchar\n     *\/\n    public function getCreatedAt()\n    {\n        return $this->getData(self::CREATED_AT);\n    }\n\n    \/**\n     * Set CreatedAt.\n     *\/\n    public function setCreatedAt($createdAt)\n    {\n        return $this->setData(self::CREATED_AT, $createdAt);\n    }\n}<\/pre>\n\n\n\n
7.Now,\u00a0 for table \u2018wk_grid_records\u2019 which created by installer we have to create the Resource\u00a0 Model\u00a0\u00a0 file named Grid.php in app\/code\/Webkul\/Grid\/Model\/ResourceModel.<\/h3>\n\n\n\n
<?php\n\/**\n * Grid Grid ResourceModel.\n * @category    Webkul\n * @author      Webkul Software Private Limited\n *\/\nnamespace Webkul\\Grid\\Model\\ResourceModel;\n\n\/**\n * Grid Grid mysql resource.\n *\/\nclass Grid extends \\Magento\\Framework\\Model\\ResourceModel\\Db\\AbstractDb\n{\n    \/**\n     * @var string\n     *\/\n    protected $_idFieldName = 'entity_id';\n    \/**\n     * @var \\Magento\\Framework\\Stdlib\\DateTime\\DateTime\n     *\/\n    protected $_date;\n\n    \/**\n     * Construct.\n     *\n     * @param \\Magento\\Framework\\Model\\ResourceModel\\Db\\Context $context\n     * @param \\Magento\\Framework\\Stdlib\\DateTime\\DateTime       $date\n     * @param string|null                                       $resourcePrefix\n     *\/\n    public function __construct(\n        \\Magento\\Framework\\Model\\ResourceModel\\Db\\Context $context,\n        \\Magento\\Framework\\Stdlib\\DateTime\\DateTime $date,\n        $resourcePrefix = null\n    ) \n    {\n        parent::__construct($context, $resourcePrefix);\n        $this->_date = $date;\n    }\n\n    \/**\n     * Initialize resource model.\n     *\/\n    protected function _construct()\n    {\n        $this->_init('wk_grid_records', 'entity_id');\n    }\n}<\/pre>\n\n\n\n
8.Now,\u00a0 for table \u2018wk_grid_records\u2019 which created by installer we have to create the Collection file named Collection.php in app\/code\/Webkul\/Grid\/Model\/ResourceModel\/Grid.<\/h3>\n\n\n\n
<?php\n\n\/**\n * Grid Grid Collection.\n * @category    Webkul\n * @author      Webkul Software Private Limited\n *\/\nnamespace Webkul\\Grid\\Model\\ResourceModel\\Grid;\n\nclass Collection extends \\Magento\\Framework\\Model\\ResourceModel\\Db\\Collection\\AbstractCollection\n{\n    \/**\n     * @var string\n     *\/\n    protected $_idFieldName = 'entity_id';\n    \/**\n     * Define resource model.\n     *\/\n    protected function _construct()\n    {\n        $this->_init('Webkul\\Grid\\Model\\Grid', 'Webkul\\Grid\\Model\\ResourceModel\\Grid');\n    }\n}<\/pre>\n\n\n\n
9. After above steps now we will create ui component for grid row list. We’ll create grid_record_grid_list.xml in\u00a0 app\/code\/Webkul\/Grid\/view\/adminhtml\/ui_component folder as following.<\/h3>\n\n\n\n
<?xml version="1.0" encoding="UTF-8"?>\n<!--\n    \/**\n     * Webkul Grid List UI\n     * @category    Webkul\n     * @package     Webkul_Grid\n     * @author      Webkul Software Private Limited\n     *\n     *\/\n -->\n\n<listing xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Ui\/etc\/ui_configuration.xsd">\n    <argument name="data" xsi:type="array">\n        <item name="js_config" xsi:type="array">\n            <item name="provider" xsi:type="string">grid_record_grid_list.grid_record_grid_list_data_source<\/item>\n            <item name="deps" xsi:type="string">grid_record_grid_list.grid_record_grid_list_data_source<\/item>\n        <\/item>\n        <item name="spinner" xsi:type="string">webkul_grid_grid_columns<\/item>\n        <item name="buttons" xsi:type="array">\n            <item name="add" xsi:type="array">\n                <item name="name" xsi:type="string">add<\/item>\n                <item name="label" xsi:type="string" translate="true">Add New Row<\/item>\n                <item name="class" xsi:type="string">primary<\/item>\n                <item name="url" xsi:type="string">*\/*\/addrow<\/item>\n            <\/item>\n        <\/item>\n    <\/argument>\n    <dataSource name="grid_record_grid_list_data_source">\n        <argument name="dataProvider" xsi:type="configurableObject">\n            <argument name="class" xsi:type="string">PageGridDataProvider<\/argument>\n            <!-- here we pass dataprovider name which i will define in di.xml file of module in next step -->\n            <argument name="name" xsi:type="string">grid_record_grid_list_data_source<\/argument>\n            <argument name="primaryFieldName" xsi:type="string">id<\/argument>\n            <argument name="requestFieldName" xsi:type="string">id<\/argument>\n            <argument name="data" xsi:type="array">\n                <item name="config" xsi:type="array">\n                    <item name="update_url" xsi:type="url" path="mui\/index\/render"\/>\n                <\/item>\n            <\/argument>\n        <\/argument>\n        <argument name="data" xsi:type="array">\n            <item name="js_config" xsi:type="array">\n                <item name="component" xsi:type="string">Magento_Ui\/js\/grid\/provider<\/item>\n            <\/item>\n        <\/argument>\n    <\/dataSource>\n    <container name="listing_top">\n        <argument name="data" xsi:type="array">\n            <item name="config" xsi:type="array">\n                <item name="template" xsi:type="string">ui\/grid\/toolbar<\/item>\n                <item name="stickyTmpl" xsi:type="string">ui\/grid\/sticky\/toolbar<\/item>\n            <\/item>\n        <\/argument>\n        <component name="columns_controls">\n            <argument name="data" xsi:type="array">\n                <item name="config" xsi:type="array">\n                    <item name="columnsData" xsi:type="array">\n                        <item name="provider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.webkul_grid_grid_columns<\/item>\n                    <\/item>\n                    <item name="component" xsi:type="string">Magento_Ui\/js\/grid\/controls\/columns<\/item>\n                    <item name="displayArea" xsi:type="string">dataGridActions<\/item>\n                <\/item>\n            <\/argument>\n        <\/component>\n        <filters name="listing_filters">\n            <argument name="data" xsi:type="array">\n                <item name="config" xsi:type="array">\n                    <item name="columnsProvider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.webkul_grid_grid_columns<\/item>\n                    <item name="storageConfig" xsi:type="array">\n                        <item name="provider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.listing_top.bookmarks<\/item>\n                        <item name="namespace" xsi:type="string">current.filters<\/item>\n                    <\/item>\n                    <item name="templates" xsi:type="array">\n                        <item name="filters" xsi:type="array">\n                            <item name="select" xsi:type="array">\n                                <item name="component" xsi:type="string">Magento_Ui\/js\/form\/element\/ui-select<\/item>\n                                <item name="template" xsi:type="string">ui\/grid\/filters\/elements\/ui-select<\/item>\n                            <\/item>\n                        <\/item>\n                    <\/item>\n                    <item name="childDefaults" xsi:type="array">\n                        <item name="provider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.listing_top.listing_filters<\/item>\n                        <item name="imports" xsi:type="array">\n                            <item name="visible" xsi:type="string">grid_record_grid_list.grid_record_grid_list.webkul_grid_grid_columns.${ $.index }:visible<\/item>\n                        <\/item>\n                    <\/item>\n                <\/item>\n                <item name="observers" xsi:type="array">\n                    <item name="column" xsi:type="string">column<\/item>\n                <\/item>\n            <\/argument>\n        <\/filters>\n        <massaction name="listing_massaction">\n            <argument name="data" xsi:type="array">\n                <item name="config" xsi:type="array">\n                    <item name="selectProvider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.webkul_grid_grid_columns.ids<\/item>\n                    <item name="component" xsi:type="string">Magento_Ui\/js\/grid\/tree-massactions<\/item>\n                    <item name="indexField" xsi:type="string">id<\/item>\n                <\/item>\n            <\/argument>\n            <!-- Mass actions which you want to add in your grid-->\n            <action name="delete">\n                <argument name="data" xsi:type="array">\n                    <item name="config" xsi:type="array">\n                        <item name="type" xsi:type="string">delete<\/item>\n                        <item name="label" xsi:type="string" translate="true">Delete<\/item>\n                        <item name="url" xsi:type="url" path="grid\/grid\/massdelete"\/>\n                        <item name="confirm" xsi:type="array">\n                            <item name="title" xsi:type="string" translate="true">Delete<\/item>\n                            <item name="message" xsi:type="string" translate="true">Do you want to delete selected row record?<\/item>\n                        <\/item>\n                    <\/item>\n                <\/argument>\n            <\/action>\n        <\/massaction>\n        <paging name="listing_paging">\n            <argument name="data" xsi:type="array">\n                <item name="config" xsi:type="array">\n                    <item name="storageConfig" xsi:type="array">\n                        <item name="provider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.listing_top.bookmarks<\/item>\n                        <item name="namespace" xsi:type="string">current.paging<\/item>\n                    <\/item>\n                    <item name="selectProvider" xsi:type="string">grid_record_grid_list.grid_record_grid_list.webkul_grid_grid_columns.ids<\/item>\n                <\/item>\n            <\/argument>\n        <\/paging>\n    <\/container>\n    <!-- from here we'll add columns of grid list -->\n    <columns name="webkul_grid_grid_columns">\n         <selectionsColumn name="ids">\n            <argument name="data" xsi:type="array">\n                <item name="config" xsi:type="array">\n                    <item name="indexField" xsi:type="string">entity_id<\/item>\n                    <item name="sorting" xsi:type="string">desc<\/item>\n                    <item name="sortOrder" xsi:type="number">0<\/item>\n                <\/item>\n            <\/argument>\n        <\/selectionsColumn>\n        <column name="title">\n            <argument name="data" xsi:type="array">\n                <item name="config" xsi:type="array">\n                    <item name="filter" xsi:type="string">textRange<\/item>\n                    <item name="label" xsi:type="string" translate="true">Title<\/item>\n                <\/item>\n            <\/argument>\n        <\/column>\n        <column name="content" >\n            <argument name="data" xsi:type="array">\n                <item name="config" xsi:type="array">\n                    <item name="filter" xsi:type="string">false<\/item>\n                    <item name="label" xsi:type="string" translate="true">Content<\/item>\n                <\/item>\n            <\/argument>\n        <\/column>\n        <column name="is_active" >\n            <argument name="data" xsi:type="array">\n                <item name="options" xsi:type="object">Webkul\\Grid\\Model\\Status<\/item>\n                <item name="config" xsi:type="array">\n                    <item name="filter" xsi:type="string">select<\/item>\n                    <item name="component" xsi:type="string">Magento_Ui\/js\/grid\/columns\/select<\/item>\n                    <item name="dataType" xsi:type="string">select<\/item>\n                    <item name="label" xsi:type="string" translate="true">Is Active<\/item>\n                <\/item>\n            <\/argument>\n        <\/column>\n        <column name="publish_date" class="Magento\\Ui\\Component\\Listing\\Columns\\Date" >\n            <argument name="data" xsi:type="array">\n                <item name="config" xsi:type="array">\n                    <item name="filter" xsi:type="string">dateRange<\/item>\n                    <item name="component" xsi:type="string">Magento_Ui\/js\/grid\/columns\/date<\/item>\n                    <item name="dataType" xsi:type="string">date<\/item>\n                    <item name="label" xsi:type="string" translate="true">Publish Date<\/item>\n                <\/item>\n            <\/argument>\n        <\/column>\n        <column name="update_time" class="Magento\\Ui\\Component\\Listing\\Columns\\Date" >\n            <argument name="data" xsi:type="array">\n                <item name="config" xsi:type="array">\n                    <item name="filter" xsi:type="string">dateRange<\/item>\n                    <item name="component" xsi:type="string">Magento_Ui\/js\/grid\/columns\/date<\/item>\n                    <item name="dataType" xsi:type="string">date<\/item>\n                    <item name="label" xsi:type="string" translate="true">Update Time<\/item>\n                <\/item>\n            <\/argument>\n        <\/column>\n        <column name="created_at" class="Magento\\Ui\\Component\\Listing\\Columns\\Date" >\n            <argument name="data" xsi:type="array">\n                <item name="config" xsi:type="array">\n                    <item name="filter" xsi:type="string">dateRange<\/item>\n                    <item name="component" xsi:type="string">Magento_Ui\/js\/grid\/columns\/date<\/item>\n                    <item name="dataType" xsi:type="string">date<\/item>\n                    <item name="label" xsi:type="string" translate="true">Created At<\/item>\n                <\/item>\n            <\/argument>\n        <\/column> \n        <!-- Add Action with each row of grid and for this we will create a class Action -->\n        <actionsColumn name="actions" class="Webkul\\Grid\\Ui\\Component\\Listing\\Grid\\Column\\Action">\n            <argument name="data" xsi:type="array">\n                <item name="config" xsi:type="array">\n                    <item name="resizeEnabled" xsi:type="boolean">false<\/item>\n                    <item name="resizeDefaultWidth" xsi:type="string">107<\/item>\n                    <item name="indexField" xsi:type="string">id<\/item>\n                <\/item>\n            <\/argument>\n        <\/actionsColumn>\n    <\/columns>\n<\/listing><\/pre>\n\n\n\n
10. create di.xml file for map data provider with collection in app\/code\/Webkul\/Grid\/etc.<\/h3>\n\n\n\n
<?xml version="1.0"?>\n<!--\n    \/**\n     * Webkul Grid DI\n     *\n     * @category    Webkul\n     * @package     Webkul_Grid\n     * @author      Webkul Software Private Limited\n     *\n     *\/\n -->\n<config xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager\/etc\/config.xsd">\n     <virtualType name="Webkul\\Grid\\Model\\ResourceModel\\Grid\\Grid\\Collection" type="Magento\\Framework\\View\\Element\\UiComponent\\DataProvider\\SearchResult">\n        <arguments>\n            <argument name="mainTable" xsi:type="string">wk_grid_records<\/argument>\n            <argument name="resourceModel" xsi:type="string">Webkul\\Grid\\Model\\ResourceModel\\Grid<\/argument>\n        <\/arguments>\n    <\/virtualType>\n    <type name="Magento\\Framework\\View\\Element\\UiComponent\\DataProvider\\CollectionFactory">\n        <arguments>\n            <argument name="collections" xsi:type="array">\n                <!--data provider name which used in grid ui component file -->\n                <item name="grid_record_grid_list_data_source" xsi:type="string">Webkul\\Grid\\Model\\ResourceModel\\Grid\\Grid\\Collection<\/item>\n            <\/argument>\n        <\/arguments>\n    <\/type>\n<\/config><\/pre>\n\n\n\n
11. For action we will create Action Class Action.php in app\/code\/Webkul\/Grid\/Ui\/Component\/Listing\/Grid\/Column<\/h3>\n\n\n\n
<?php\n\nnamespace Webkul\\Grid\\Ui\\Component\\Listing\\Grid\\Column;\n\nuse Magento\\Framework\\View\\Element\\UiComponent\\ContextInterface;\nuse Magento\\Framework\\View\\Element\\UiComponentFactory;\nuse Magento\\Ui\\Component\\Listing\\Columns\\Column;\nuse Magento\\Framework\\UrlInterface;\n\nclass Action extends Column\n{\n    \/** Url path *\/\n    const ROW_EDIT_URL = 'grid\/grid\/addrow';\n    \/** @var UrlInterface *\/\n    protected $_urlBuilder;\n\n    \/**\n     * @var string\n     *\/\n    private $_editUrl;\n\n    \/**\n     * @param ContextInterface   $context\n     * @param UiComponentFactory $uiComponentFactory\n     * @param UrlInterface       $urlBuilder\n     * @param array              $components\n     * @param array              $data\n     * @param string             $editUrl\n     *\/\n    public function __construct(\n        ContextInterface $context,\n        UiComponentFactory $uiComponentFactory,\n        UrlInterface $urlBuilder,\n        array $components = [],\n        array $data = [],\n        $editUrl = self::ROW_EDIT_URL\n    ) \n    {\n        $this->_urlBuilder = $urlBuilder;\n        $this->_editUrl = $editUrl;\n        parent::__construct($context, $uiComponentFactory, $components, $data);\n    }\n\n    \/**\n     * Prepare Data Source.\n     *\n     * @param array $dataSource\n     *\n     * @return array\n     *\/\n    public function prepareDataSource(array $dataSource)\n    {\n        if (isset($dataSource['data']['items'])) {\n            foreach ($dataSource['data']['items'] as &$item) {\n                $name = $this->getData('name');\n                if (isset($item['entity_id'])) {\n                    $item[$name]['edit'] = [\n                        'href' => $this->_urlBuilder->getUrl(\n                            $this->_editUrl, \n                            ['id' => $item['entity_id']]\n                        ),\n                        'label' => __('Edit'),\n                    ];\n                }\n            }\n        }\n\n        return $dataSource;\n    }\n}<\/pre>\n\n\n\n
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<\/h3>\n\n\n\n
<?php\n\/**\n * Webkul Grid Controller\n *\n * @category    Webkul\n * @package     Webkul_Grid\n * @author      Webkul Software Private Limited\n *\n *\/\nnamespace Webkul\\Grid\\Controller\\Adminhtml\\Grid;\n\nclass Index extends \\Magento\\Backend\\App\\Action\n{\n    \/**\n     * @var \\Magento\\Framework\\View\\Result\\PageFactory\n     *\/\n    protected $_resultPageFactory;\n\n    \/**\n     * @param \\Magento\\Backend\\App\\Action\\Context        $context\n     * @param \\Magento\\Framework\\View\\Result\\PageFactory $resultPageFactory\n     *\/\n    public function __construct(\n        \\Magento\\Backend\\App\\Action\\Context $context,\n        \\Magento\\Framework\\View\\Result\\PageFactory $resultPageFactory\n    ) \n    {\n        parent::__construct($context);\n        $this->_resultPageFactory = $resultPageFactory;\n    }\n\n    \/**\n     * Grid List page.\n     *\n     * @return \\Magento\\Backend\\Model\\View\\Result\\Page\n     *\/\n    public function execute()\n    {\n        \/** @var \\Magento\\Backend\\Model\\View\\Result\\Page $resultPage *\/\n        $resultPage = $this->_resultPageFactory->create();\n        $resultPage->setActiveMenu('Webkul_Grid::grid_list');\n        $resultPage->getConfig()->getTitle()->prepend(__('Grid List'));\n\n        return $resultPage;\n    }\n\n    \/**\n     * Check Grid List Permission.\n     *\n     * @return bool\n     *\/\n    protected function _isAllowed()\n    {\n        return $this->_authorization->isAllowed('Webkul_Grid::grid_list');\n    }\n}<\/pre>\n\n\n\n
13. Create route file routes.xml in app\/code\/Webkul\/Grid\/etc\/adminhtml<\/h3>\n\n\n\n
<?xml version="1.0"?>\n<!--\n\/**\n * Webkul_Grid route xml\n *\n * @category    Webkul\n * @package     Webkul_Grid\n * @author      Webkul Software Private Limited\n *\n *\/\n-->\n<config xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App\/etc\/routes.xsd">\n    <router id="admin">\n        <route id="grid" frontName="grid">\n            <module name="Webkul_grid" \/>\n        <\/route>\n    <\/router>\n<\/config><\/pre>\n\n\n\n
14. And for grid display create layout file grid_grid_index.xml in app\/code\/Webkul\/Grid\/view\/adminhtml\/layout<\/h3>\n\n\n\n
<?xml version="1.0"?>\n<!--\n\/**\n * Webkul Grid Grid List Layout\n *\n * @category    Webkul\n * @package     Webkul_Grib\n * @author      Webkul Software Private Limited\n *\n *\/\n-->\n<page xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd">\n    <body>\n        <referenceContainer name="content">\n                <!-- here we call our ui component of grid-->\n        \t<uiComponent name="grid_record_grid_list"\/>\n        <\/referenceContainer>\n    <\/body>\n<\/page><\/pre>\n\n\n\n
15. Above i missed one model of status so now i will create Status.php in app\/code\/Webkul\/Grid\/Model<\/h3>\n\n\n\n
<?php\n\/**\n * Webkul_Grid Status Options Model.\n * @category    Webkul\n * @author      Webkul Software Private Limited\n *\/\nnamespace Webkul\\Grid\\Model;\nuse Magento\\Framework\\Data\\OptionSourceInterface;\n\nclass Status implements OptionSourceInterface\n{\n    \/**\n     * Get Grid row status type labels array.\n     * @return array\n     *\/\n    public function getOptionArray()\n    {\n        $options = ['1' => __('Enabled'),'0' => __('Disabled')];\n        return $options;\n    }\n\n    \/**\n     * Get Grid row status labels array with empty value for option element.\n     *\n     * @return array\n     *\/\n    public function getAllOptions()\n    {\n        $res = $this->getOptions();\n        array_unshift($res, ['value' => '', 'label' => '']);\n        return $res;\n    }\n\n    \/**\n     * Get Grid row type array for option element.\n     * @return array\n     *\/\n    public function getOptions()\n    {\n        $res = [];\n        foreach ($this->getOptionArray() as $index => $value) {\n            $res[] = ['value' => $index, 'label' => $value];\n        }\n        return $res;\n    }\n\n    \/**\n     * {@inheritdoc}\n     *\/\n    public function toOptionArray()\n    {\n        return $this->getOptions();\n    }\n}<\/pre>\n\n\n\n
16. After these all our grid ready in admin section as follow<\/h3>\n\n\n\n
\"Selection_063\"<\/figure>\n\n\n\n
17. Now we’ll start how to save\/edit  data in table using form<\/h3>\n\n\n\n
Above in our Ui component file\u00a0 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<\/h3>\n\n\n\n
<?php\n\/**\n * Webkul Grid AddRow Controller\n *\n * @category    Webkul\n * @package     Webkul_Grid\n * @author      Webkul Software Private Limited\n *\n *\/\nnamespace Webkul\\Grid\\Controller\\Adminhtml\\Grid;\n\nuse Magento\\Framework\\Controller\\ResultFactory;\n\nclass AddRow extends \\Magento\\Backend\\App\\Action\n{\n    \/**\n     * @param \\Magento\\Backend\\App\\Action\\Context $context\n     * @param \\Magento\\Framework\\Registry    $coreRegistry\n     *\/\n    public function __construct(\n        \\Magento\\Backend\\App\\Action\\Context $context,\n        \\Magento\\Framework\\Registry $coreRegistry\n    ) \n    {\n        parent::__construct($context);\n        $this->_coreRegistry = $coreRegistry;\n    }\n    \/**\n     * Add New Row Form page.\n     *\n     * @return \\Magento\\Backend\\Model\\View\\Result\\Page\n     *\/\n    public function execute()\n    {\n        $rowId = (int) $this->getRequest()->getParam('id');\n        $rowData = $this->_objectManager->create('Webkul\\Grid\\Model\\Grid');\n        if ($rowId) {\n            $rowData = $rowData->load($rowId);\n            $rowTitle = $rowData->getTitle();\n            if (!$rowData->getEntityId()) {\n                $this->messageManager->addError(__('row data no longer exist.'));\n                $this->_redirect('grid\/grid\/rowdata');\n                return;\n            }\n        }\n\n        $this->_coreRegistry->register('row_data', $rowData);\n        $resultPage = $this->resultFactory->create(ResultFactory::TYPE_PAGE);\n        $title = $rowId ? __('Edit Row Data ').$rowTitle : __('Add Row Data');\n        $resultPage->getConfig()->getTitle()->prepend($title);\n        return $resultPage;\n    }\n    protected function _isAllowed()\n    {\n        return $this->_authorization->isAllowed('Webkul_Grid::add_row');\n    }\n}<\/pre>\n\n\n\n
18. Create block file of form AddRow.php in app\/code\/Webkul\/Grid\/Block\/Adminhtml\/Grid<\/h3>\n\n\n\n
<?php\n    \/**\n     * Webkul_Grid Add Row Form Block.\n     *\n     * @category    Webkul\n     *\n     * @author      Webkul Software Private Limited\n     *\/\nnamespace Webkul\\Grid\\Block\\Adminhtml\\Grid;\n\nclass AddRow extends \\Magento\\Backend\\Block\\Widget\\Form\\Container\n{\n    \/**\n     * Core registry.\n     *\n     * @var \\Magento\\Framework\\Registry\n     *\/\n    protected $_coreRegistry = null;\n\n    \/**\n     * @param \\Magento\\Backend\\Block\\Widget\\Context $context\n     * @param \\Magento\\Framework\\Registry           $registry\n     * @param array                                 $data\n     *\/\n    public function __construct(\n        \\Magento\\Backend\\Block\\Widget\\Context $context,\n        \\Magento\\Framework\\Registry $registry,\n        array $data = []\n    ) \n    {\n        $this->_coreRegistry = $registry;\n        parent::__construct($context, $data);\n    }\n\n    \/**\n     * Initialize Imagegallery Images Edit Block.\n     *\/\n    protected function _construct()\n    {\n        $this->_objectId = 'row_id';\n        $this->_blockGroup = 'Webkul_Grid';\n        $this->_controller = 'adminhtml_grid';\n        parent::_construct();\n        if ($this->_isAllowedAction('Webkul_Grid::add_row')) {\n            $this->buttonList->update('save', 'label', __('Save'));\n        } else {\n            $this->buttonList->remove('save');\n        }\n        $this->buttonList->remove('reset');\n    }\n\n    \/**\n     * Retrieve text for header element depending on loaded image.\n     *\n     * @return \\Magento\\Framework\\Phrase\n     *\/\n    public function getHeaderText()\n    {\n        return __('Add RoW Data');\n    }\n\n    \/**\n     * Check permission for passed action.\n     *\n     * @param string $resourceId\n     *\n     * @return bool\n     *\/\n    protected function _isAllowedAction($resourceId)\n    {\n        return $this->_authorization->isAllowed($resourceId);\n    }\n\n    \/**\n     * Get form action URL.\n     *\n     * @return string\n     *\/\n    public function getFormActionUrl()\n    {\n        if ($this->hasFormActionUrl()) {\n            return $this->getData('form_action_url');\n        }\n\n        return $this->getUrl('*\/*\/save');\n    }\n}<\/pre>\n\n\n\n
19. Create block file of form with field\u00a0 Form.php in app\/code\/Webkul\/Grid\/Block\/Adminhtml\/Grid\/Edit<\/h3>\n\n\n\n
<?php\n\/**\n * Webkul_Grid Add New Row Form Admin Block.\n * @category    Webkul\n * @package     Webkul_Grid\n * @author      Webkul Software Private Limited\n *\n *\/\nnamespace Webkul\\Grid\\Block\\Adminhtml\\Grid\\Edit;\n\n\n\/**\n * Adminhtml Add New Row Form.\n *\/\nclass Form extends \\Magento\\Backend\\Block\\Widget\\Form\\Generic\n{\n    \/**\n     * @var \\Magento\\Store\\Model\\System\\Store\n     *\/\n    protected $_systemStore;\n\n    \/**\n     * @param \\Magento\\Backend\\Block\\Template\\Context $context\n     * @param \\Magento\\Framework\\Registry             $registry\n     * @param \\Magento\\Framework\\Data\\FormFactory     $formFactory\n     * @param array                                   $data\n     *\/\n    public function __construct(\n        \\Magento\\Backend\\Block\\Template\\Context $context,\n        \\Magento\\Framework\\Registry $registry,\n        \\Magento\\Framework\\Data\\FormFactory $formFactory,\n        \\Magento\\Cms\\Model\\Wysiwyg\\Config $wysiwygConfig,\n        \\Webkul\\Grid\\Model\\Status $options,\n        array $data = []\n    ) \n    {\n        $this->_options = $options;\n        $this->_wysiwygConfig = $wysiwygConfig;\n        parent::__construct($context, $registry, $formFactory, $data);\n    }\n\n    \/**\n     * Prepare form.\n     *\n     * @return $this\n     *\/\n    protected function _prepareForm()\n    {\n        $dateFormat = $this->_localeDate->getDateFormat(\\IntlDateFormatter::SHORT);\n        $model = $this->_coreRegistry->registry('row_data');\n        $form = $this->_formFactory->create(\n            ['data' => [\n                            'id' => 'edit_form', \n                            'enctype' => 'multipart\/form-data', \n                            'action' => $this->getData('action'), \n                            'method' => 'post'\n                        ]\n            ]\n        );\n\n        $form->setHtmlIdPrefix('wkgrid_');\n        if ($model->getEntityId()) {\n            $fieldset = $form->addFieldset(\n                'base_fieldset',\n                ['legend' => __('Edit Row Data'), 'class' => 'fieldset-wide']\n            );\n            $fieldset->addField('entity_id', 'hidden', ['name' => 'entity_id']);\n        } else {\n            $fieldset = $form->addFieldset(\n                'base_fieldset',\n                ['legend' => __('Add Row Data'), 'class' => 'fieldset-wide']\n            );\n        }\n\n        $fieldset->addField(\n            'title',\n            'text',\n            [\n                'name' => 'title',\n                'label' => __('Title'),\n                'id' => 'title',\n                'title' => __('Title'),\n                'class' => 'required-entry',\n                'required' => true,\n            ]\n        );\n\n        $wysiwygConfig = $this->_wysiwygConfig->getConfig(['tab_id' => $this->getTabId()]);\n\n        $fieldset->addField(\n            'content',\n            'editor',\n            [\n                'name' => 'content',\n                'label' => __('Content'),\n                'style' => 'height:36em;',\n                'required' => true,\n                'config' => $wysiwygConfig\n            ]\n        );\n\n        $fieldset->addField(\n            'publish_date',\n            'date',\n            [\n                'name' => 'publish_date',\n                'label' => __('Publish Date'),\n                'date_format' => $dateFormat,\n                'time_format' => 'HH:mm:ss TT',\n                'class' => 'validate-date validate-date-range date-range-custom_theme-from',\n                'class' => 'required-entry',\n                'style' => 'width:200px',\n            ]\n        );\n        $fieldset->addField(\n            'is_active',\n            'select',\n            [\n                'name' => 'is_active',\n                'label' => __('Status'),\n                'id' => 'is_active',\n                'title' => __('Status'),\n                'values' => $this->_options->getOptionArray(),\n                'class' => 'status',\n                'required' => true,\n            ]\n        );\n        $form->setValues($model->getData());\n        $form->setUseContainer(true);\n        $this->setForm($form);\n\n        return parent::_prepareForm();\n    }\n}<\/pre>\n\n\n\n
20. For render this form create layout file grid_grid_addrow.xml in app\/code\/Webkul\/Grid\/view\/adminhtml\/layout<\/h3>\n\n\n\n
<?xml version="1.0"?>\n<!--\n\/**\n * Webkul_Grid add row layout\n * @category    Webkul\n * @package     Webkul_Grid\n * @author      Webkul Software Private Limited\n *\/\n-->\n<page xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" layout="admin-1column"\n      xsi:noNamespaceSchemaLocation="urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd">\n    <head>\n        <link src="Magento_Customer::js\/bootstrap\/customer-post-action.js"\/>\n    <\/head>\n    <body>\n        <referenceContainer name="content">\n           <block class="Webkul\\Grid\\Block\\Adminhtml\\Grid\\AddRow" name="add_row" \/>\n        <\/referenceContainer>\n    <\/body>\n<\/page><\/pre>\n\n\n\n
21. Now when we create on “Add New Row” Button on grid then form will open as follow<\/h3>\n\n\n\n
\"Selection_064\"<\/figure>\n\n\n\n
22. Create\u00a0 controller Save.php in app\/code\/Webkul\/Grid\/Controller\/Adminhtml\/Grid for save record<\/h3>\n\n\n\n
<?php\n\/**\n * Webkul Grid Row Save Controller\n *\n * @category    Webkul\n * @package     Webkul_Grid\n * @author      Webkul Software Private Limited\n *\n *\/\nnamespace Webkul\\Grid\\Controller\\Adminhtml\\Grid;\n\nclass Save extends \\Magento\\Backend\\App\\Action\n{\n    \/**\n     * @SuppressWarnings(PHPMD.CyclomaticComplexity)\n     * @SuppressWarnings(PHPMD.NPathComplexity)\n     *\/\n    public function execute()\n    {\n        $data = $this->getRequest()->getPostValue();\n        if (!$data) {\n            $this->_redirect('grid\/grid\/addrow');\n            return;\n        }\n        try {\n            $rowData = $this->_objectManager->create('Webkul\\Grid\\Model\\Grid');\n            $rowData->setData($data);\n            if (isset($data['id'])) {\n                $rowData->setEntityId($data['id']);\n            }\n            $rowData->save();\n            $this->messageManager->addSuccess(__('Row data has been successfully saved.'));\n        } catch (Exception $e) {\n            $this->messageManager->addError(__($e->getMessage()));\n        }\n        $this->_redirect('grid\/grid\/index');\n    }\n\n    \/**\n     * Check Category Map permission.\n     *\n     * @return bool\n     *\/\n    protected function _isAllowed()\n    {\n        return $this->_authorization->isAllowed('Webkul_Auction::add_auction');\n    }\n}<\/pre>\n\n\n\n
23. After save row data it will display in grid as follow<\/h3>\n\n\n\n
\"Selection_065\"<\/figure>\n\n\n\n
24. Now we create controller for mass delete MassDelete.php in app\/code\/Webkul\/Grid\/Controller\/Adminhtml\/Grid<\/h3>\n\n\n\n
<?php\n\/**\n * Webkul Grid Row MassDelete Controller\n *\n * @category    Webkul\n * @package     Webkul_Grid\n * @author      Webkul Software Private Limited\n *\n *\/\nnamespace Webkul\\Grid\\Controller\\Adminhtml\\Grid;\n\nuse Magento\\Framework\\Controller\\ResultFactory;\nuse Magento\\Backend\\App\\Action\\Context;\nuse Magento\\Ui\\Component\\MassAction\\Filter;\nuse Webkul\\Grid\\Model\\ResourceModel\\Grid\\CollectionFactory;\n\nclass MassDelete extends \\Magento\\Backend\\App\\Action\n{\n    \/**\n     * Massactions filter.\n     *\n     * @var Filter\n     *\/\n    protected $_filter;\n\n    \/**\n     * @var CollectionFactory\n     *\/\n    protected $_collectionFactory;\n\n    \/**\n     * @param Context           $context\n     * @param Filter            $filter\n     * @param CollectionFactory $collectionFactory\n     *\/\n    public function __construct(\n        Context $context,\n        Filter $filter,\n        CollectionFactory $collectionFactory\n    ) \n    {\n        $this->_filter = $filter;\n        $this->_collectionFactory = $collectionFactory;\n        parent::__construct($context);\n    }\n\n    \/**\n     * @return \\Magento\\Backend\\Model\\View\\Result\\Redirect\n     *\/\n    public function execute()\n    {\n        $collection = $this->_filter->getCollection($this->_collectionFactory->create());\n        $recordDeleted = 0;\n        foreach ($collection->getItems() as $auctionProduct) {\n            $auctionProduct->setId($auctionProduct->getEntityId());\n            $auctionProduct->delete();\n            $recordDeleted++;\n        }\n        $this->messageManager->addSuccess(\n            __('A total of %1 record(s) have been deleted.', $recordDeleted)\n        );\n\n        return $this->resultFactory->create(ResultFactory::TYPE_REDIRECT)->setPath('*\/*\/index');\n    }\n\n    \/**\n     * Check delete Permission.\n     *\n     * @return bool\n     *\/\n    protected function _isAllowed()\n    {\n        return $this->_authorization->isAllowed('Webkul_Grid::row_data_delete');\n    }\n}<\/pre>\n\n\n\n
25. After that you can delete row form grid as<\/h3>\n\n\n\n
\"Selection_066\"<\/figure>\n\n\n\n
Now Create grid, insert, Edit, and update (Magento2 admin grid data CRUD ) feature done.<\/p>\n\n\n\n
Also, do check out Custom Registration Fields for Magento 2 extension<\/a> where the admin can effortlessly create various custom fields.<\/p>\n\n\n\n
Thanks \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"
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\/Gridapp\/code\/Webkul\/Grid\/etcapp\/code\/Webkul\/Grid\/etc\/Adminhtmlapp\/code\/Webkul\/Grid\/Block\/Adminhtmlapp\/code\/Webkul\/Grid\/Block\/Adminhtml\/Gridapp\/code\/Webkul\/Grid\/Block\/Adminhtml\/Grid\/Editapp\/code\/Webkul\/Grid\/Modelapp\/code\/Webkul\/Grid\/Model\/ResourceModelapp\/code\/Webkul\/Grid\/Model\/ResourceModel\/Gridapp\/code\/Webkul\/Grid\/Setupapp\/code\/Webkul\/Grid\/Controllers\/Adminhtmlapp\/code\/Webkul\/Grid\/view\/adminhtml\/layoutapp\/code\/Webkul\/Grid\/view\/adminhtml\/templates Now, as we have the directory structure ready, we will now create file as per module requirement […]<\/a><\/p>\n","protected":false},"author":4,"featured_media":48469,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,302],"tags":[3096,588,2070],"class_list":["post-48474","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento","category-magento2","tag-crud","tag-grid","tag-magento2"],"yoast_head":"\nHow to create Collection Grid, Edit\/Add grid row, and Installer in Magento2 - Webkul Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create Collection Grid, Edit\/Add grid row, and Installer in Magento2 - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"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\/Gridapp\/code\/Webkul\/Grid\/etcapp\/code\/Webkul\/Grid\/etc\/Adminhtmlapp\/code\/Webkul\/Grid\/Block\/Adminhtmlapp\/code\/Webkul\/Grid\/Block\/Adminhtml\/Gridapp\/code\/Webkul\/Grid\/Block\/Adminhtml\/Grid\/Editapp\/code\/Webkul\/Grid\/Modelapp\/code\/Webkul\/Grid\/Model\/ResourceModelapp\/code\/Webkul\/Grid\/Model\/ResourceModel\/Gridapp\/code\/Webkul\/Grid\/Setupapp\/code\/Webkul\/Grid\/Controllers\/Adminhtmlapp\/code\/Webkul\/Grid\/view\/adminhtml\/layoutapp\/code\/Webkul\/Grid\/view\/adminhtml\/templates Now, as we have the directory structure ready, we will now create file as per module requirement [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-09T09:39:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-21T06:41:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/Magneto-Code-Snippet-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Abhishek Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Abhishek Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/\"},\"author\":{\"name\":\"Abhishek Singh\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/573e459f54796eb4195511990de4bfd0\"},\"headline\":\"How to create Collection Grid, Edit\/Add grid row, and Installer in Magento2\",\"datePublished\":\"2016-05-09T09:39:01+00:00\",\"dateModified\":\"2024-02-21T06:41:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/\"},\"wordCount\":666,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/Magneto-Code-Snippet-1.png\",\"keywords\":[\"CRUD\",\"grid\",\"Magento2\"],\"articleSection\":[\"magento\",\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/\",\"url\":\"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/\",\"name\":\"How to create Collection Grid, Edit\/Add grid row, and Installer in Magento2 - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/Magneto-Code-Snippet-1.png\",\"datePublished\":\"2016-05-09T09:39:01+00:00\",\"dateModified\":\"2024-02-21T06:41:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/Magneto-Code-Snippet-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/Magneto-Code-Snippet-1.png\",\"width\":825,\"height\":260,\"caption\":\"Upload files using magento2 mediastorage module\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to create Collection Grid, Edit\/Add grid row, and Installer in Magento2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/573e459f54796eb4195511990de4bfd0\",\"name\":\"Abhishek Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d4ac7e0e671bf743359d7e3f140c262d1b16d71106f0a1aeaecca327a2805ae4?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d4ac7e0e671bf743359d7e3f140c262d1b16d71106f0a1aeaecca327a2805ae4?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Abhishek Singh\"},\"description\":\"Adobe Commerce certified Magento developer with over 12 years of experience at Webkul. Passionate about scalable Magento 2-based webshops, AI, and multi-channel integrations, Abhishek consistently delivers innovative and efficient e-commerce solutions that propel businesses forward.\",\"sameAs\":[\"http:\/\/webkul.com\"],\"url\":\"https:\/\/webkul.com\/blog\/author\/abhishek\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create Collection Grid, Edit\/Add grid row, and Installer in Magento2 - Webkul Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/","og_locale":"en_US","og_type":"article","og_title":"How to create Collection Grid, Edit\/Add grid row, and Installer in Magento2 - Webkul Blog","og_description":"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\/Gridapp\/code\/Webkul\/Grid\/etcapp\/code\/Webkul\/Grid\/etc\/Adminhtmlapp\/code\/Webkul\/Grid\/Block\/Adminhtmlapp\/code\/Webkul\/Grid\/Block\/Adminhtml\/Gridapp\/code\/Webkul\/Grid\/Block\/Adminhtml\/Grid\/Editapp\/code\/Webkul\/Grid\/Modelapp\/code\/Webkul\/Grid\/Model\/ResourceModelapp\/code\/Webkul\/Grid\/Model\/ResourceModel\/Gridapp\/code\/Webkul\/Grid\/Setupapp\/code\/Webkul\/Grid\/Controllers\/Adminhtmlapp\/code\/Webkul\/Grid\/view\/adminhtml\/layoutapp\/code\/Webkul\/Grid\/view\/adminhtml\/templates Now, as we have the directory structure ready, we will now create file as per module requirement [...]","og_url":"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2016-05-09T09:39:01+00:00","article_modified_time":"2024-02-21T06:41:26+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/Magneto-Code-Snippet-1.png","type":"image\/png"}],"author":"Abhishek Singh","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Abhishek Singh","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/"},"author":{"name":"Abhishek Singh","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/573e459f54796eb4195511990de4bfd0"},"headline":"How to create Collection Grid, Edit\/Add grid row, and Installer in Magento2","datePublished":"2016-05-09T09:39:01+00:00","dateModified":"2024-02-21T06:41:26+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/"},"wordCount":666,"commentCount":2,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/Magneto-Code-Snippet-1.png","keywords":["CRUD","grid","Magento2"],"articleSection":["magento","Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/","url":"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/","name":"How to create Collection Grid, Edit\/Add grid row, and Installer in Magento2 - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/Magneto-Code-Snippet-1.png","datePublished":"2016-05-09T09:39:01+00:00","dateModified":"2024-02-21T06:41:26+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/Magneto-Code-Snippet-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/Magneto-Code-Snippet-1.png","width":825,"height":260,"caption":"Upload files using magento2 mediastorage module"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/create-collection-grid-editadd-grid-row-installer-magento2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to create Collection Grid, Edit\/Add grid row, and Installer in Magento2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/573e459f54796eb4195511990de4bfd0","name":"Abhishek Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d4ac7e0e671bf743359d7e3f140c262d1b16d71106f0a1aeaecca327a2805ae4?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d4ac7e0e671bf743359d7e3f140c262d1b16d71106f0a1aeaecca327a2805ae4?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Abhishek Singh"},"description":"Adobe Commerce certified Magento developer with over 12 years of experience at Webkul. Passionate about scalable Magento 2-based webshops, AI, and multi-channel integrations, Abhishek consistently delivers innovative and efficient e-commerce solutions that propel businesses forward.","sameAs":["http:\/\/webkul.com"],"url":"https:\/\/webkul.com\/blog\/author\/abhishek\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/48474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=48474"}],"version-history":[{"count":19,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/48474\/revisions"}],"predecessor-version":[{"id":423268,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/48474\/revisions\/423268"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/48469"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=48474"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=48474"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=48474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}