タグ付けされた質問 「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フィールドセットがどのタブに配置されるのかを割り当てることができます。 この質問を引き起こす私の特定の状況は、1つのタブ（複数のテキスト入力）に標準フォームを配置し、別のタブにdynamicRowsUIコンポーネントを配置したいということです。これらのタブをメインおよびラインアイテムと呼びました。 現在、私はこれを次のように実装しています：Mainは_prepareForm、そのブロック内のメソッド（クラス拡張）で定義されていますForm\Generic。このフォームが表示され、動的行を追加するまで正常に機能します。 レイアウトファイルには、メインタブを追加してコンテンツブロックを割り当てるコードがあります。同様に、という名前のコンテナline_itemsがあります。これには、uiComponent動的行を含むフォームのが含まれています。 Line Itemsタブはの_beforeToHtmlメソッドで作成され、Widget\TabそのコンテンツはgetChildHtmlline_itemsコンテナでの呼び出しを使用して割り当てられます。 タブが機能し、正しい構造が設定されているため、行を追加および削除できます。 問題は、ページを送信すると、[明細]タブの入力のみが送信されることです。 そのため、これを正しく設定していないことを知っており、すべてのフォーム要素を追跡して送信するように指示する方法が必要です。この実装の大部分は、Category Product Attributesフォームのセットアップをリバースエンジニアリングしようとする試みから派生しています。これは、私がやりたいことと似ています。 誰もがそれについて考えていますか？

42 magento2  adminhtml  uicomponent  backend  adminform 

モジュールの1つの管理グリッドに画像を表示したい。 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> しかし、それは私のグリッドに影響を与えないように継ぎ目があります。画像（私のdbフィールドは画像と呼ばれます）列、エラー、何もありません。 誰かがUIコンポーネントを使用して画像をグリッドに追加する方法を教えてもらえますか？

24 magento2  grid  uicomponent 

そのため、Magento 2はUIコンポーネントを導入しました。 それらの1つはUIコンポーネントグリッドです（詳細については、Magento 2のUIコンポーネントグリッドの説明を参照してください）。 カスタムモジュールを作成するとき、古いMagento 1のメソッドにこだわってGrid.php、adminhtmlグリッドを処理するファイルを作成しました。 Grid.phpメソッドの代わりにUIコンポーネントグリッドを使用する利点は何ですか？

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 …

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

新しいページを追加するときにCMSページセクションに日付フィールドとして新しいフィールドを追加したいので、UIコンポーネントを使用してmagentoを見つけたので、掘り下げた後、以下のコードを使用して日付フィールドを追加できましたが、日付フィールドを追加できませんでした。誰でもそれを助けることができます。 日付フィールドを追加するためのコード： <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コンポーネントを使用して同じことを達成するにはどうすればよいですか？ 私はこのように定義されたフォームを持っています： <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"アイテムの目的を知っていますか？XMLを取得し、x-magento-initJSON として構成するUIコンポーネントメカニズムを知っています。 "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ファイルに簡単なタグを含めて、グリッドやフォームなどをアプリケーションページに追加できます。 表示されるデータグリッド（A用の設定があることlisting）が必要2つのコレクション・オブジェクトを構成します。 以下の各構成コレクションの役割は何ですか？または、これらのコレクションの役割を誤解していますか？または、単一のコレクションのみを使用してグリッドオブジェクトを作成する方法はありますか？ 次の構成は、名前付きコンポーネントをリストするUIをセットアップします cms_page_listing vendor/magento/module-cms/view/adminhtml/ui_component/cms_page_listing.xml そして、次のDIインジェクションはcms_page_listing、Magento\Cms\Model\ResourceModel\Page\Grid\Collectionコレクションを使用する必要があることをMagentoに伝えます。 <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"> <item …

16 magento2  php  uicomponent 

Magentoでグリッドコンポーネントを設定しましたが、ソート動作が壊れているようです。javascriptレベルでどこでデバッグできますか？ グリッドを一度ソートすると、ajaxリクエストが行われ、すべてが正しくソートされます。 ただし、2番目の並べ替えは、ajaxリクエストなしで、すべて同じIDでグリッドをレンダリングします。 この動作はMagentoのコアグリッドでは繰り返されないため、これが私がやっていることだと確信しています。私はUIコンポーネントシステムをよく知らないので、これをどこからデバッグするかを知ることができません。

16 magento2  adminhtml  grid  uicomponent 

入力フォームにタグを追加したいのですが、下の画像に示されているように、製品フォームでカテゴリを追加するのと同様の方法で行います。 カスタム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" xsi:type="number">20</item> …

16 magento-2.1  product  uicomponent  ui-form  uielement 

管理者のグリッドとフォームにUIコンポーネントを使用するCRUDモジュールを構築しようとしています。 以前にこれをやったことがありますが、これは少し異なり、明らかに何かを台無しにしました。 問題は、UIコンポーネントファイルまたはUIコンポーネントファイルによって参照されるクラスにあることは確かです。レイアウトファイルからUIコンポーネントの参照を削除すると、ページがロードされます（明らかにグリッドはありません）。 UIコンポーネントを含めると、ページは空白になり、開発者モードであってもエラーはどこにも記録されません。 UIコンポーネントの読み込みとレンダリングのデバッグを開始する方法と場所

16 magento2  debugging  uicomponent 

参照リンクを使用して、1ページのチェックアウトで以下の配送方法にカスタムブロックを追加する方法は？、下部に追加の配送ブロックを作成できます。 ただし、配送方法が選択されている場合にのみコンテンツを表示したいと思います。顧客が配送方法を選択すると、カーソルが追加情報とカスタムフィールドに移動し、ユーザーがデータを入力する必要があります。 別の配送方法を選択すると、それに関連する情報が存在する場合、それ以外の場合はdivが非表示になります。 Magento 2のhttp://excellencemagentoblog.com/blog/2011/11/07/magento-advanced-shipping-method-development/のように同じです。Magento1で実装していました。

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