Magento 2使用模态按钮添加类别树渲染器输入

我正在尝试使用uicomponent表单为我的自定义表单放置类别输入。

我可以创建下拉菜单，但是如何创建按钮并从中打开新的模式呢？

我可以使用uicomponent 创建按钮并从中打开模式吗？我想有一个按钮代替的新类别我想补充选择产品按钮并希望添加节目列表从产品选择在网格类别。

这是用于创建类别输入的xml

<field name="parent">
    <argument name="data" xsi:type="array">
    <item name="options" xsi:type="object">Magento\Catalog\Ui\Component\Product\Form\Categories\Options</item>
     <item name="config" xsi:type="array">
          <item name="label" xsi:type="string" translate="true">Parent Category</item>
          <item name="componentType" xsi:type="string">field</item>
          <item name="formElement" xsi:type="string">select</item>
          <item name="component" xsi:type="string">Magento_Catalog/js/components/new-category</item>
           <item name="elementTmpl" xsi:type="string">ui/grid/filters/elements/ui-select</item>
           <item name="dataScope" xsi:type="string">data.parent</item>
           <item name="filterOptions" xsi:type="boolean">true</item>
           <item name="showCheckbox" xsi:type="boolean">false</item>
           <item name="disableLabel" xsi:type="boolean">true</item>
           <item name="multiple" xsi:type="boolean">false</item>
           <item name="levelsVisibility" xsi:type="number">1</item>
           <item name="sortOrder" xsi:type="number">20</item>
           <item name="required" xsi:type="boolean">true</item>
           <item name="validation" xsi:type="array">
                  <item name="required-entry" xsi:type="boolean">true</item>
            </item>
            <item name="listens" xsi:type="array">
                  <item name="${ $.namespace }.${ $.namespace }:responseData" xsi:type="string">setParsed</item>
             </item>
      </item>
     </argument>
</field>

— 普里扬克
source

在我了解其中的内容并提出答案之前，我建议您看一下Magento\Catalog\Ui\DataProvider\Product\Form\Modifier\Categories课堂。它是将类别树选择器添加到产品添加/编辑屏幕的工具。也许您更有运气来了解其中的内容。

— 马里乌斯

@Marius Ya看着同一件事看起来就是最好的方法。

— Priyank

嘿，我认为添加修饰符仅用于产品形式，在看了三天后，很难将其添加到自定义模型中。我刚刚收到无效的UI组件元素名称：“ category_mapping_form”

— Priyank

所选选项在这里如何工作？

— 阿姆里特·帕·辛格

下面的代码与我一起工作：

     <container>
        <argument name="data" xsi:type="array">
            <item name="config" xsi:type="array">
            <item name="formElement" xsi:type="string">container</item>
            <item name="component" xsi:type="string">Magento_Ui/js/form/components/group</item>
        </item>
        </argument>
        <field name="category_ids">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="dataType" xsi:type="string">text</item>
                    <item name="filterOptions" xsi:type="boolean">true</item>
                    <item name="chipsEnabled" xsi:type="boolean">true</item>
                    <item name="label" xsi:type="string">Categories</item>
                    <item name="disableLabel" xsi:type="boolean">true</item>
                    <item name="component" xsi:type="string">Magento_Catalog/js/components/new-category</item>
                    <item name="formElement" xsi:type="string">select</item>
                    <item name="levelsVisibility" xsi:type="number">1</item>
                    <item name="elementTmpl" xsi:type="string">ui/grid/filters/elements/ui-select</item>
                    <item name="options" xsi:type="array">
                            <item name="0" xsi:type="array">
                                <item name="value" xsi:type="number">1</item>
                                <item name="label" xsi:type="string" translate="true">Category 1</item>
                                <item name="optgroup" xsi:type="array">
                                    <item name="0" xsi:type="array">
                                        <item name="value" xsi:type="number">2</item>
                                        <item name="is_active" xsi:type="boolean">true</item>
                                        <item name="label" xsi:type="string" translate="true">Category 1.1</item>
                                    </item>
                                </item>
                            </item>
                            <item name="1" xsi:type="array">
                                <item name="value" xsi:type="number">2</item>
                                <item name="is_active" xsi:type="boolean">true</item>
                                <item name="label" xsi:type="string" translate="true">Category 2</item>
                            </item>
                    </item>
                   <item name="config" xsi:type="array">
                       <item name="dataScope" xsi:type="string">category_ids</item>
                   </item>
                </item>
            </argument>
        </field>
    </container>

结果是：

注意：使用项目选项，您应该更改xsi:type="object"并为其声明一个类。

希望对您有所帮助！

— 邵潘
source

我关心的不是我应该如何创建树。我的问题是，如我的屏幕快照所示，在下拉菜单旁边创建一个按钮，并从中打开一个模式，并在其中显示产品列表。

— Priyank

如何获得选择的选项呢？

— Amrit Pal Singh，