Làm cách nào để sử dụng cấu trúc cây danh mục thêm / chỉnh sửa sản phẩm Magento 2 trong biểu mẫu tùy chỉnh?

Tôi đang cố gắng sử dụng cấu trúc cây thêm / chỉnh sửa biểu mẫu sản phẩm Magento 2 trong biểu mẫu tùy chỉnh

Tôi có một số sol. từ StackOverflow và một số trang web khác

nhưng nó không hoạt động đúng

Tôi đã thử :

    $fieldset->addField(
        'category_ids',
        'Magento\Catalog\Block\Adminhtml\Product\Helper\Form\Category',
        [
            'name' => 'category_ids',
            'title' => 'Category',
            'label' => 'Category'
        ]
    );

<head>
    <css src="Magento_Catalog::catalog/category-selector.css"/>
</head>

mã này và thêm CSS này vào dạng tùy chỉnh của tôi

nhưng nó đang hiển thị như thế này

nhưng tôi cần giống như mẫu thêm / chỉnh sửa sản phẩm

Làm thế nào tôi có thể làm điều đó

xin vui lòng chia sẻ một số gợi ý .....

magento2

— Yagendra Dewangan
nguồn

Xin chào @Yagendra, bạn đã tìm thấy giải pháp nào chưa?

— Vinaya Maheshwari

Nếu bạn đang tạo biểu mẫu bằng thành phần ui, bạn có thể nhận đầu vào danh mục từ xml sau

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

Tôi đang cố gắng tìm cách làm thế nào tôi có thể tạo một nút và phương thức cho nó.

— Giải thưởng
nguồn