文档 下载安装 商店 博客 问答 主机

Magento2产品编辑页面增加自定义字段[开发教程]

自定义
字段
模块
开发
教程

#1

我知道,当你想要在你的页面上显示额外信息时,这是非常重要的需求,默认情况下系统是没有的。
如果你也遇到这个问题,这里有一个合适的解决方案。今天的文章提供了两个步骤,我们将 学习在Magento 2的产品编辑页面中添加自定义字段的过程。

在Magento 2中的产品编辑页面中添加自定义字段的概述

  • Step 1: 生成UI组件
  • Step 2: 在产品表单(product_form.xml)中插入Manage Notes部分

Step 1: 生成UI组件

运行模块中的命令来生成UI组件

/app/code/Magentochina/HelloWorld/view/adminhtml/ui_component/product_form.xml

  • Step 2: 在产品表单(product_form.xml)中插入Manage Notes部分

    Product_form.xml的代码片段:

     <?xml version="1.0" encoding="UTF-8"?>
     <form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
     xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">   
     <modal name="helloworld_modal">  
     <fieldset name="manage_note">
         <argument name="data" xsi:type="array">        
             <item name="config" xsi:type="array">
                 <item name="label" xsi:type="string" translate="true">Manage Note</item>
                 <item name="dataScope" xsi:type="string"/>
                 <item name="sortOrder" xsi:type="number">0</item>
                 <item name="collapsible" xsi:type="boolean">true</item>
                 <item name="opened" xsi:type="boolean">true</item>
             </item>
         </argument>
         <field name="note">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="label" xsi:type="string" translate="true">Notes</item>
                     <item name="formElement" xsi:type="string">textarea</item>
                     <item name="dataScope" xsi:type="string">quantity_and_stock_status.note</item>
                     <item name="sortOrder" xsi:type="number">1</item>
                     <item name="scopeLabel" xsi:type="string">[GLOBAL]</item>
                 </item>
             </argument>
         </field>          
      </fieldset>
      <fieldset name="stock_data">
         <argument name="data" xsi:type="array">
             <item name="config" xsi:type="array">
                 <item name="label" xsi:type="string" translate="true">Stock Configuration</item>
                 <item name="dataScope" xsi:type="string"/>
                 <item name="sortOrder" xsi:type="number">100</item>
                 <item name="collapsible" xsi:type="boolean">true</item>
             </item>
         </argument>
      </fieldset>   
     </modal>
    </form>

将字段“note”插入到 manage_note fieldset中(< field name=“note”>),将manage_note插入到产品表单
fieldset中(< fieldset name=“manage_note”>)。
启用这个自定义模块,然后登录到后台来编辑一个产品。备注栏将在产品表格中显示。

学习完本教程,我相信当您需要在Magento 2中的产品编辑页面中添加自定义字段时,一切都会轻松起来。

如果觉得本站翻译得内容对您有帮助,又没有时间帮助翻译回馈社区.请打赏我们,您的支持是我们的动力:

转载说明:非常欢迎转载,但是必须保证文章的完整性并附上原文地址和翻译原文的地址,保证阅读者不会产生歧义.


Magento2模块开发中文教程索引
怎么接入新的物流方式?