Questions tagged «uicomponent»

在Magento 2中创建UI组件网格所需的最低配置是否有很好的解释和/或示例？ 我知道有很多核心组件，例如 ./vendor/magento/module-catalog/view/adminhtml/ui_component/product_listing.xml 但是，这些XML文件是可扩展的，关于每个节点的功能以及如何使用它从头开始构建网格的解释很少。 还有这个示例模块，但是 似乎是形式 缺少关于每个节点做什么的上下文/解释 我正在寻找“入门”信息，这些信息将使我能够为自己的CRUD模型集合构建网格。

91 magento2  php  layout  uicomponent 

我正在尝试创建一个后端模块，其中在我的编辑页面上使用admin-2column-left布局。 我想在每个选项卡上都有一个表格，但是我不知道该怎么做。 理想情况下，我想知道如何将不同的表单分配uiComponents给不同的选项卡，或者如何uiComponent为表单定义一个表单，但是能够分配哪个字段集位于哪个选项卡上。 我的具体情况引发了这个问题，我想在一个选项卡上使用标准格式（多个文本输入），而在另一个选项卡上使用dynamicRowsUI组件。我们将这些标签称为“主要”和“订单项”。 目前，我正在按以下方式实现此目标：Main _prepareForm在其块中的方法中定义，该块是class extension Form\Generic。在添加动态行之前，此表单将显示并正常工作。 我的布局文件具有添加“主要”选项卡和分配内容块的代码。它还有一个名为的容器line_items，其中包含一个uiComponent用于包含动态行的表单的。 “订单项”标签是使用的_beforeToHtml方法创建的Widget\Tab，其内容是通过使用getChildHtml对line_items容器的调用来分配的。 该选项卡有效，并以正确的结构填充，使我可以添加和删除行。 问题是，当我提交页面时，仅提交了“行项目”选项卡中的输入。 所以我知道我没有正确设置它，需要某种方式来指示它跟踪和提交所有表单元素。此实现的大部分源于我对“类别产品属性”表单的设置进行反向工程的尝试，这与我想要执行的操作类似。 有人对此有想法吗？

43 magento2  adminhtml  uicomponent  backend  adminform 

我想在我的一个模块的管理网格中显示图像。 我正在使用新的网格系统，该系统带有ui组件。 我看了如何将缩略图添加到产品网格中，但是有点麻烦。 我的实体不是EAV，而是一个简单的平面实体。 我尝试将其添加到我的ui组件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组件网格（您可以在此处找到有关它的更多信息：Magento 2中的UI组件网格说明） 创建自定义模块时，我坚持使用旧的Magento 1方法，并创建了一个Grid.php处理adminhtml网格的文件。 我想知道使用UI组件网格而不是Grid.php方法有什么好处？

23 magento2  module  grid  magento-2.0  uicomponent 

我最近在Magento 2.1.7上以自己的形式实现了FileUploader Ui组件。 它的代码在这里（app / code / Vendor / Blog / view / 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" xsi:type="string">ui/form/element/uploader/uploader</item> <item name="allowedExtensions" xsi:type="string">jpg jpeg …

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

我想在添加新页面时在CMS页面部分中添加新字段作为日期时间，我发现magento使用UI组件，因此在挖掘之后，我可以通过使用以下代码来添加日期字段，但无法添加日期时间字段。有人可以帮忙吗？ 添加日期字段的代码： <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> </field> 我们需要重写的文件才能实现： vendor/magento/module-cms/view/adminhtml/ui_component/cms_block_form.xml

18 magento2  uicomponent  ui-form  datetime 

如何使用ui组件在Magento 2中的字段下添加小文本。 使用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') ] ); 上面的代码将产生此结果（请注意该字段下的文本）。 如何使用表单ui-components实现同一件事？ 我有这样定义的形式： <field …

18 magento-2.0  forms  uicomponent 

在Magento 2的UI表单组件配置文件中，您经常会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> 这些字段是做什么用的？我问，因为似乎没有必要。例如，此GitHub存储库中的模块 配置了一个有效的UI组件表格，但未使用这些name="source"项目。 有人知道这些name="source"物品是干什么用的吗？我知道UI组件机制采用XML并将其配置为x-magento-initJSON "block_id": { …

17 magento2  uicomponent  forms  knockoutjs  requirejs 

在Magento 2.1中，总共配置和使用了25个UI组件列表/网格数据提供程序。他们的数据提供程序类和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 Magento\Framework\View\Element\UiComponent\DataProvider\DataProvider search_synonyms_grid.xml BraintreeTransactionsDataProvider (virtual type) braintree_report.xml Magento\Framework\View\Element\UiComponent\DataProvider\DataProvider Magento\GroupedProduct\Ui\DataProvider\Product\GroupedProductDataProvider grouped_product_listing.xml …

16 magento2  php  grid  uicomponent  data-provider 

Magento 2具有新的“ uiComponent”功能。这使您可以<uiComponent/>在布局句柄XML文件中包含一个简单标签，以将诸如Grids和Forms之类的内容添加到应用程序页面。 它显示的是一种用于数据网格（一个结构listing）需要2名集合对象进行配置。 以下每个配置集合的作用是什么？还是我误解了这些收藏的作用？还是有一种仅使用单个集合创建网格对象的方法？ 以下配置设置了一个名为UI的组件列表 cms_page_listing vendor/magento/module-cms/view/adminhtml/ui_component/cms_page_listing.xml 接下来的DI注入告诉Magento a 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" xsi:type="string">PageGridDataProvider</argument> <argument name="name" xsi:type="string">cms_page_listing_data_source</argument> <argument name="primaryFieldName" xsi:type="string">page_id</argument> <argument name="requestFieldName" xsi:type="string">id</argument> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> …

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" xsi:type="number">1</item> <item name="sortOrder" …

16 magento-2.1  product  uicomponent  ui-form  uielement 

我正在尝试构建一个将UI组件用于管理网格和表单的CRUD模块。 我之前已经做过并且工作过，但是这个有点不同，显然我搞砸了。 问题出在UI组件文件或UI组件文件确定的某些类中。如果我从布局文件中删除UI组件引用，则页面加载（显然没有网格）。 包括UI组件时，页面为空白，并且即使在开发人员模式下，也没有错误记录在任何地方。 如何/在何处开始调试UI组件的加载和呈现？

16 magento2  debugging  uicomponent 

使用参考链接如何在一页结帐中的以下运送方式中添加自定义阻止？，我可以在底部创建其他装运块。 但是，当选择运输方式时，我只想显示内容。当客户选择一种运输方式时，光标应转到其他信息和自定义字段，并且用户应输入数据。 当我们选择其他送货方式时，与此相关的信息（如果存在）应该会出现，否则div应该被隐藏。 与Magento 2中的http://excellencemagentoblog.com/blog/2011/11/07/magento-advanced-shipping-method-development/类似，我已经在Magento 1中实现了。

15 magento2  checkout  javascript  uicomponent 

如何通过布局XML删除UI组件子级？例如，从下面的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 Shipping</item> </item> </item> <item name="grand-total" xsi:type="array"> <item name="config" xsi:type="array"> …

15 magento2  checkout  layout  uicomponent