Magento 2 เพิ่ม Category Renderer ทรีประเภทด้วยปุ่ม Modal


13

ฉันพยายามวางอินพุตหมวดหมู่สำหรับฟอร์มที่กำหนดเองของฉันโดยใช้แบบฟอร์ม uicomponent

ป้อนคำอธิบายรูปภาพที่นี่

ฉันสามารถสร้างรายการแบบหล่นลงได้ แต่ฉันจะสร้างปุ่มและเปิดคำกริยาใหม่ได้อย่างไร

ฉันสามารถสร้างปุ่มโดยใช้ uicomponent และเปิด modalจากมันได้หรือไม่ ฉันต้องการปุ่มแทนของหมวดหมู่ใหม่ฉันต้องการเพิ่มปุ่มเลือกผลิตภัณฑ์และต้องการเพิ่มการแสดงรายชื่อของผลิตภัณฑ์จากเลือกประเภทในตาราง

นี่คือ 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>

จนกว่าฉันจะสามารถเข้าใจสิ่งที่อยู่ในนั้นและอาจเกิดขึ้นกับคำตอบฉันสามารถแนะนำให้คุณดูที่Magento\Catalog\Ui\DataProvider\Product\Form\Modifier\Categoriesชั้นเรียน มันเป็นสิ่งหนึ่งที่เพิ่มตัวเลือกแผนภูมิหมวดหมู่ให้กับหน้าจอเพิ่ม / แก้ไขผลิตภัณฑ์ บางทีคุณอาจจะโชคดีกว่าที่เข้าใจสิ่งที่อยู่ในนั้น
Marius

@Marius Ya มองสิ่งเดียวกันดูเป็นวิธีที่ดีที่สุดที่จะทำ
Priyank

เฮ้ฉันคิดว่าการเพิ่มโมเดอเรเตอร์นั้นใช้สำหรับรูปแบบผลิตภัณฑ์เท่านั้นและมันยากมากที่จะเพิ่มมันสำหรับโมเดลที่กำหนดเองหลังจากดูมา 3 วันแล้ว ฉันเพิ่งได้รับชื่อองค์ประกอบ UI ไม่ถูกต้อง: 'category_mapping_form'
Priyank

ตัวเลือกที่เลือกทำงานที่นี่ได้อย่างไร
Amrit Pal Singh

คำตอบ:


3

รหัสด้านล่างนี้ทำงานกับฉัน:

     <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"และประกาศ Class สำหรับมัน

ฉันหวังว่ามันจะเป็นประโยชน์!


1
ความกังวลของฉันไม่ใช่วิธีที่ฉันควรสร้างต้นไม้ คำถามของฉันคือการสร้างปุ่มข้างหล่นลงดังแสดงในภาพหน้าจอของฉันและเปิด modal จากมันและเพื่อแสดงรายการของตารางผลิตภัณฑ์ในนั้น
Priyank

วิธีการรับตัวเลือกที่เลือกในสิ่งนี้?
Amrit Pal Singh
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.