คำถามติดแท็ก uicomponent

จำเป็นต้องมีการอธิบายที่ดีและ / หรือตัวอย่างของการกำหนดค่าขั้นต่ำเปล่าเพื่อสร้าง UI Component Grid ใน Magento 2 หรือไม่? ฉันรู้ว่ามีองค์ประกอบหลักมากมายเช่น ./vendor/magento/module-catalog/view/adminhtml/ui_component/product_listing.xml อย่างไรก็ตามไฟล์ XML เหล่านี้กว้างขวางและมีคำอธิบายเล็กน้อยเกี่ยวกับสิ่งที่แต่ละโหนดทำและวิธีที่คุณใช้ในการสร้างกริดจากศูนย์ นอกจากนี้ยังมีโมดูลตัวอย่างนี้แต่มัน ดูเหมือนจะเป็นแบบฟอร์ม ไม่มีบริบท / คำอธิบายใด ๆ เกี่ยวกับสิ่งที่แต่ละโหนดทำ ฉันกำลังมองหาข้อมูล "เริ่มต้นใช้งาน" ที่จะให้ฉันสร้างกริดสำหรับคอลเลกชันโมเดล CRUD ของฉันเอง

91 magento2  php  layout  uicomponent 

ฉันกำลังพยายามสร้างโมดูลแบ็กเอนด์ซึ่งในหน้าแก้ไขของฉันฉันใช้admin-2column-leftเลย์เอาต์ ฉันต้องการมีแบบฟอร์มในแต่ละแท็บ แต่ฉันไม่เข้าใจว่าฉันจะทำสิ่งนี้ได้อย่างไร โดยหลักการแล้วฉันต้องการทราบวิธีการกำหนดฟอร์มuiComponentsที่แตกต่างให้กับแท็บที่แตกต่างกันหรือฉันจะกำหนดหนึ่งuiComponentสำหรับฟอร์มของฉันได้อย่างไร แต่สามารถกำหนดชุดฟิลด์ใดให้ไปที่แท็บใดได้บ้าง สถานการณ์เฉพาะของฉันซึ่งกระตุ้นคำถามนี้คือฉันต้องการมีแบบฟอร์มมาตรฐานในแท็บหนึ่ง (อินพุตข้อความหลายรายการ) และอีกแท็บหนึ่งฉันต้องการมีdynamicRowsองค์ประกอบ UI เราได้เรียกแท็บเหล่านี้เป็นรายการหลักและรายการโฆษณา ขณะนี้ฉันกำลังดำเนินการดังต่อไปนี้: หลักถูกกำหนดไว้ใน_prepareFormวิธีการที่อยู่ในบล็อกของ บริษัท Form\Genericซึ่งเป็นส่วนขยายชั้นเรียน แบบฟอร์มนี้ปรากฏขึ้นและทำงานได้ดีจนกว่าฉันจะเพิ่มแถวแบบไดนามิก ไฟล์เลย์เอาต์ของฉันมีรหัสเพื่อเพิ่มแท็บหลักและกำหนดบล็อกเนื้อหา เช่นกันมันมีชื่อคอนเทนเนอร์line_itemsซึ่งมีuiComponentรูปแบบที่มีแถวแบบไดนามิก แท็บรายการโฆษณาถูกสร้างขึ้นใน_beforeToHtmlวิธีการของWidget\Tabและเนื้อหาที่ได้รับมอบหมายโดยใช้การโทรไปยังgetChildHtmlภาชนะ line_items แท็บทำงานและบรรจุด้วยโครงสร้างที่ถูกต้องทำให้ฉันสามารถเพิ่มและลบแถวได้ ปัญหาคือเมื่อฉันส่งหน้าเฉพาะอินพุตในแท็บรายการโฆษณาเท่านั้นที่จะถูกส่ง ดังนั้นฉันรู้ว่าฉันยังไม่ได้ตั้งค่าอย่างถูกต้องและต้องการวิธีที่จะสอนให้ติดตามและส่งองค์ประกอบแบบฟอร์มทั้งหมด การใช้งานส่วนใหญ่มาจากความพยายามของฉันในการย้อนกระบวนการออกแบบการตั้งค่าของหมวดหมู่คุณสมบัติผลิตภัณฑ์แบบฟอร์มซึ่งคล้ายกับสิ่งที่ฉันต้องการจะทำ ใครมีความคิดเกี่ยวกับมัน

43 magento2  adminhtml  uicomponent  backend  adminform 

ฉันต้องการที่จะแสดงภาพในตารางผู้ดูแลระบบของหนึ่งในโมดูลของฉัน ฉันกำลังใช้ระบบกริดใหม่ระบบที่มีองค์ประกอบ UI ฉันดูที่การเพิ่มรูปขนาดย่อในตารางสำหรับผลิตภัณฑ์ แต่มันเป็นเรื่องที่น่าสนใจ เอนทิตีของฉันไม่ใช่ EAV เป็นเอนทิตีแบบตารางธรรมดา ฉันลองเพิ่มในไฟล์ ui component xml ของฉัน <column name="image"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item name="component" xsi:type="string">Magento_Ui/js/grid/columns/image</item> <item name="sortable" xsi:type="boolean">false</item> <item name="altField" xsi:type="string">name</item> <item name="has_preview" xsi:type="string">1</item> <item name="label" xsi:type="string" translate="true">Image</item> </item> </argument> </column> แต่มันไม่มีตะเข็บบนตะแกรงของฉัน ไม่มีภาพ (คอลัมน์ฐานข้อมูลของฉันเรียกว่าภาพ) ไม่มีข้อผิดพลาดไม่มีอะไร ใครช่วยแนะนำให้ฉันเพิ่มภาพลงในกริดโดยใช้ส่วนประกอบ UI ได้ไหม

24 magento2  grid  uicomponent 

Magento 2 ได้แนะนำส่วนประกอบของ UI หนึ่งในนั้นคือ UI Component Grid (คุณสามารถหาข้อมูลเพิ่มเติมได้ที่นี่: คำอธิบายของ UI Component Grid ใน Magento 2 ) เมื่อสร้างโมดูลที่กำหนดเองฉันติดกับวิธี Magento 1 เก่าฉันได้สร้างGrid.phpไฟล์ที่จัดการกริด adminhtml ของฉัน ฉันสงสัยว่าประโยชน์ของการใช้กริดส่วนประกอบ UI แทนGrid.phpวิธีการคืออะไร?

23 magento2  module  grid  magento-2.0  uicomponent 

ฉันเพิ่งติดตั้งFileUploader Ui Componentในแบบฟอร์มของฉันบน Magento 2.1.7 รหัสสำหรับอยู่ที่นี่ ( แอพ / รหัส / ผู้ขาย / บล็อก / ดู / adminhtml / ui_component / vendor_blog_form.xml ): <field name="featured_images"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item name="dataType" xsi:type="string">text</item> <item name="label" translate="true" xsi:type="string">Hervorgehobene Bilder:</item> <item name="formElement" xsi:type="string">fileUploader</item> <item name="componentType" xsi:type="string">fileUploader</item> <item name="previewTmpl" xsi:type="string">Magento_Catalog/image-preview</item> <item name="elementTmpl" …

22 magento2  magento-2.1  uicomponent  file-upload  magento2.2 

ฉันต้องการเพิ่มเขตข้อมูลใหม่เป็นวันที่และเวลาในส่วนหน้า CMS ในขณะที่เพิ่มหน้าใหม่ฉันพบว่า magento ใช้ UI Component สำหรับมันดังนั้นหลังจากขุดฉันสามารถเพิ่มเขตข้อมูลวันที่โดยใช้รหัสด้านล่าง แต่ไม่สามารถเพิ่มเขตข้อมูลวันที่ ใครช่วยได้บ้าง รหัสสำหรับฟิลด์เพิ่มวันที่: <field name="start_date"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item name="dataType" xsi:type="string">string</item> <item name="label" xsi:type="string" translate="true">Go Live Start Date</item> <item name="formElement" xsi:type="string">date</item> <item name="source" xsi:type="string">page</item> <item name="sortOrder" xsi:type="number">21</item> <item name="dataScope" xsi:type="string">start_date</item> <item name="validation" xsi:type="array"> <item name="required-entry" xsi:type="boolean">true</item> </item> </item> </argument> …

18 magento2  uicomponent  ui-form  datetime 

ฉันจะเพิ่มข้อความเล็ก ๆ ใต้ฟิลด์ใน Magento 2 โดยใช้ส่วนประกอบ ui ได้อย่างไร ใช้Magento\Framework\Data\Formฉันสามารถทำได้: /** @var \Magento\Framework\Data\Form $form */ $form = $this->formFactory->create(); $fieldset = $form->addFieldset( 'base_fieldset', [ 'legend' => __('Some legend here'), 'class' => 'fieldset-wide' ] ); $fieldset->addField( 'name', 'text', [ 'name' => 'name', 'label' => __('Name'), 'title' => __('Name'), 'note' => __('Some note here') …

18 magento-2.0  forms  uicomponent 

ในไฟล์การกำหนดค่า UI ส่วนประกอบของ Magento 2 คุณมักจะเห็นแอitemททริบิวด้วยเหมือนsource- <item name="source" xsi:type="string">block</item>ด้านล่าง #File: vendor/magento/module-cms/view/adminhtml/ui_component/cms_block_form.xml <field name="title"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item name="dataType" xsi:type="string">text</item> <item name="label" xsi:type="string" translate="true">Block Title</item> <item name="formElement" xsi:type="string">input</item> <item name="source" xsi:type="string">block</item> <item name="sortOrder" xsi:type="number">20</item> <item name="dataScope" xsi:type="string">title</item> <item name="validation" xsi:type="array"> <item name="required-entry" xsi:type="boolean">true</item> </item> </item> </argument> </field> ฟิลด์เหล่านี้มีไว้เพื่อทำอะไร? …

17 magento2  uicomponent  forms  knockoutjs  requirejs 

ใน Magento 2.1 มีรายชื่อผู้ให้บริการ UI Component 25 รายการ / กริดข้อมูลที่กำหนดค่าและใช้งานอยู่ คลาสและui_componentไฟล์ผู้ให้บริการข้อมูลของพวกเขาอยู่ด้านล่าง Magento\Bundle\Ui\DataProvider\Product\BundleDataProvider bundle_product_listing.xmlMagento\Catalog\Ui\DataProvider\Product\Attributes\Listing product_attributes_grid.xml Magento\Catalog\Ui\DataProvider\Product\ProductCustomOptionsDataProvider product_custom_options_listing.xml Magento\Catalog\Ui\DataProvider\Product\ProductDataProvider configurable_associated_product_listing.xml Magento\Catalog\Ui\DataProvider\Product\ProductDataProvider product_listing.xml Magento\Catalog\Ui\DataProvider\Product\Related\CrossSellDataProvider crosssell_product_listing.xml Magento\Catalog\Ui\DataProvider\Product\Related\RelatedDataProvider related_product_listing.xml Magento\Catalog\Ui\DataProvider\Product\Related\UpSellDataProvider upsell_product_listing.xml Magento\Cms\Ui\Component\DataProvider cms_block_listing.xml Magento\Cms\Ui\Component\DataProvider cms_page_listing.xml Magento\ConfigurableProduct\Ui\DataProvider\Attributes product_attributes_listing.xml Magento\Customer\Ui\Component\DataProvider customer_listing.xml Magento\Framework\View\Element\UiComponent\DataProvider\DataProvider customer_online_grid.xml Magento\Framework\View\Element\UiComponent\DataProvider\DataProvider sales_order_creditmemo_grid.xml Magento\Framework\View\Element\UiComponent\DataProvider\DataProvider sales_order_grid.xml Magento\Framework\View\Element\UiComponent\DataProvider\DataProvider sales_order_invoice_grid.xml Magento\Framework\View\Element\UiComponent\DataProvider\DataProvider sales_order_shipment_grid.xml Magento\Framework\View\Element\UiComponent\DataProvider\DataProvider sales_order_view_creditmemo_grid.xml Magento\Framework\View\Element\UiComponent\DataProvider\DataProvider sales_order_view_invoice_grid.xml Magento\Framework\View\Element\UiComponent\DataProvider\DataProvider sales_order_view_shipment_grid.xml …

16 magento2  php  grid  uicomponent  data-provider 

Magento 2 มีคุณสมบัติใหม่ " uiComponent" สิ่งนี้อนุญาตให้คุณรวม<uiComponent/>แท็กอย่างง่ายในไฟล์ XML จัดการเลย์เอาต์ของคุณเพื่อเพิ่มสิ่งต่าง ๆ เช่นกริดและแบบฟอร์มในหน้าแอปพลิเคชันของคุณ มันจะปรากฏว่าการกำหนดค่าสำหรับตารางข้อมูล (กlisting) ต้องสองคอลเลกชันวัตถุมีการกำหนดค่า บทบาทของการรวบรวมการกำหนดค่าแต่ละรายการด้านล่างคืออะไร หรือฉันจะเข้าใจผิดบทบาทของคอลเลกชันเหล่านี้หรือไม่ หรือมีวิธีการสร้างวัตถุกริดโดยใช้เพียงคอลเลกชันเดียว? การกำหนดค่าต่อไปนี้ตั้งค่าองค์ประกอบรายการ UI ที่ชื่อ cms_page_listing vendor/magento/module-cms/view/adminhtml/ui_component/cms_page_listing.xml และ DI Injection ต่อไปนี้บอก Magento ว่าcms_page_listingควรใช้Magento\Cms\Model\ResourceModel\Page\Grid\Collectionชุดสะสม <type name="Magento\Framework\View\Element\UiComponent\DataProvider\CollectionFactory"> <arguments> <argument name="collections" xsi:type="array"> <item name="cms_page_listing_data_source" xsi:type="string">Magento\Cms\Model\ResourceModel\Page\Grid\Collection</item> </argument> </arguments> </type> นี่น่าจะเป็นคอลเล็กชั่นหลักที่ใช้เติมข้อมูลกริด อย่างไรก็ตามยังมีสิ่งนี้PageGridDataProviderในการcms_page_listingกำหนดค่า <!-- File: vendor/magento/module-cms/view/adminhtml/ui_component/cms_page_listing.xml --> <argument name="dataProvider" xsi:type="configurableObject"> <argument name="class" …

16 magento2  php  uicomponent 

ฉันได้กำหนดค่าองค์ประกอบกริดใน Magento - และพฤติกรรมการเรียงลำดับดูเหมือนขาด ฉันจะแก้ไขข้อบกพร่องนี้ได้ในระดับ javascript และ / หรือใครมีความคิดใด ๆ ว่าทำไมสิ่งนี้อาจเกิดขึ้น? ถ้าฉันเรียงลำดับกริดหนึ่งครั้งจะมีการร้องขอ ajax และทุกอย่างจะเรียงลำดับอย่างถูกต้อง อย่างไรก็ตามการเรียงลำดับที่สองโดยไม่มีการร้องขอ ajax จะแสดงผลกริดด้วย ID เดียวกันทั้งหมด พฤติกรรมไม่ได้เกิดขึ้นซ้ำบนกริดหลักของ Magento ดังนั้นฉันค่อนข้างแน่ใจว่านี่คือสิ่งที่ฉันทำ ฉันไม่ทราบว่าระบบคอมโพเนนต์ ui นั้นดีพอที่จะทราบว่าจะเริ่มแก้ไขข้อบกพร่องนี้ได้ที่ไหน

16 magento2  adminhtml  grid  uicomponent 

ฉันต้องการเพิ่มแท็กในฟิลด์อินพุตในลักษณะคล้ายกันกับที่ทำในรูปแบบผลิตภัณฑ์เพื่อเพิ่มหมวดหมู่ - ซึ่งแสดงในภาพด้านล่าง งานนี้มากที่ฉันประสบความสำเร็จโดยการเพิ่มองค์ประกอบของฟิลด์ในรูปแบบ Custom Ui <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">Tags</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">true</item> <item name="levelsVisibility" …

16 magento-2.1  product  uicomponent  ui-form  uielement 

ฉันกำลังพยายามสร้างโมดูล CRUD ที่ใช้ส่วนประกอบ UI สำหรับกริดผู้ดูแลระบบและแบบฟอร์ม ฉันเคยทำสิ่งนี้มาก่อนและได้ผล แต่อันนี้ต่างออกไปเล็กน้อยและดูเหมือนว่าฉันทำอะไรบางอย่างผิดพลาด ปัญหาอยู่ในไฟล์คอมโพเนนต์ UI หรือบางคลาสที่อ้างอิงโดยไฟล์คอมโพเนนต์ UI ได้อย่างแน่นอน หากฉันลบการอ้างอิงองค์ประกอบ UI ออกจากไฟล์เลย์เอาต์เพจจะโหลด (โดยไม่มีกริดแน่นอน) เมื่อรวมองค์ประกอบ UI หน้าจะว่างเปล่าและไม่มีข้อผิดพลาดในการบันทึกที่ใดก็ตามแม้ในโหมดนักพัฒนาซอฟต์แวร์ ฉันจะเริ่มต้นการดีบักการโหลดและการแสดงผลของคอมโพเนนต์ UI ได้อย่างไร

16 magento2  debugging  uicomponent 

ใช้ลิงค์อ้างอิงวิธีการเพิ่มบล็อกที่กำหนดเองที่วิธีการจัดส่งด้านล่างในการชำระเงินครั้งหน้า? ฉันสามารถสร้างบล็อคการขนส่งเพิ่มเติมได้ที่ด้านล่าง แต่ฉันต้องการแสดงเนื้อหาเท่านั้นเมื่อเลือกวิธีการจัดส่ง เมื่อลูกค้าเลือกวิธีการจัดส่งเคอร์เซอร์ควรไปที่ข้อมูลเพิ่มเติมและฟิลด์ที่กำหนดเองและผู้ใช้ควรป้อนข้อมูล เมื่อเราเลือกวิธีการจัดส่งแบบอื่นข้อมูลที่เกี่ยวข้องควรจะเกิดขึ้นถ้ามี Div อื่นควรซ่อนอยู่ เหมือนกับhttp://excellencemagentoblog.com/blog/2011/11/07/magento-advanced-shipping-method-development/ใน Magento 2 ฉันได้นำไปใช้ใน Magento 1

15 magento2  checkout  javascript  uicomponent 

ฉันจะลบองค์ประกอบลูก UI ผ่าน Layout XML ได้อย่างไร ยกตัวอย่างเช่นจากคำสั่ง XML checkout_index_index.xmlด้านล่าง ฉันจะลบโหนดการจัดส่งได้อย่างไร <item name="sidebar" xsi:type="array"> <item name="children" xsi:type="array"> <item name="summary" xsi:type="array"> <item name="children" xsi:type="array"> <item name="totals" xsi:type="array"> <item name="children" xsi:type="array"> <item name="subtotal" xsi:type="array"> <item name="config" xsi:type="array"> <item name="title" xsi:type="string" translate="true">Subtotal</item> </item> </item> <item name="shipping" xsi:type="array"> <item name="config" xsi:type="array"> <item name="title" xsi:type="string" translate="true">Estimated …

15 magento2  checkout  layout  uicomponent