タグ付けされた質問 「uielement」

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

Magento 2の多くのUI Elementビューモデルコンストラクターでは、defaults配列にimportsor exportsプロパティがあります。 return Collection.extend({ defaults: { //... imports: { rows: '${ $.provider }:data.items' }, return Insert.extend({ defaults: { //... exports: { externalFiltersModifier: '${ $.externalProvider }:params.filters_modifier' }, uiElementモジュールのソースを見て、 #File: vendor/magento/module-ui/view/base/web/js/lib/core/element/element.js initLinks: function () { return this.setListeners(this.listens) .setLinks(this.links, 'imports') .setLinks(this.links, 'exports') .setLinks(this.exports, 'exports') .setLinks(this.imports, 'imports'); }, これらのインポート/エクスポートは、オブジェクトがインスタンス化されたときのオブジェクト間の「リンク」情報と関係があるようです。ただし、このリンクのしくみ（uiRegistryベース？）や、文字列の構文はどのようなものかは明確ではありません${ $.provider }:data.items。これらの文字列がテンプレートリテラルを使用することは明らかです。 foo_bar:data.items …

8 magento2  uicomponent  requirejs  uielement