Magento uicomponent

2

UIコンポーネントを使用せずにMagento 2管理グリッドフィルターの日付形式を変更するにはどうすればよいですか？

以下はsome_grid_block.xml、カレンダーフィルターの日付形式を変更するにはどうすればよいですか。 <?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <body> <referenceBlock name="adminhtml.qrcode.grid.container"> <block class="Oneteam\Qrcode\Block\Grid" name="adminhtml.qrcode.grid" as="grid"> <arguments> <argument name="id" xsi:type="string">QrcodeGrid</argument> <argument name="dataSource" xsi:type="object">Oneteam\Qrcode\Model\ResourceModel\Qrcode\Collection</argument> <argument name="default_sort" xsi:type="string">qr_id</argument> <argument name="default_dir" xsi:type="string">desc</argument> </arguments> <block class="Magento\Backend\Block\Widget\Grid\Column\Filter\Date"> <filterRange name="created_at" class="Magento\Backend\Block\Widget\Grid\Column\Filter\Date"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item name="dataScope" xsi:type="string">created_at</item> <item name="label" xsi:type="string" translate="true">Created</item> </item> </argument> <filterDate name="from"> …

14 magento2 admin filter uicomponent date

2

Magento 2 DatepickerではなくUiComponentを使用してタイムピッカーを表示する

UiComponentフォームにタイムピッカーを表示したい Magento Docsがバリエーションを示すように、それらはタイムピッカーを提供します：フォームでUiComponentを使用してこれが必要です。注：スケジュール時間を表示する必要があるため、日付は不要です。チェック済みリファレンス：Magento 2のadminhtmlフォームに時間範囲ピッカーを追加する方法（しかし、そのusingブロック、UiComponentを使用したい）

14 magento-2.1 uicomponent time

2

チェックアウトフォーム-クラス内の複数の要素をラップする方法-Magento 2

div内で2つのチェックアウトフォーム要素をどのようにラップしますか？たとえば、これらの国と郵便番号/郵便番号フィールドをのクラスでdivにラップしたいexample-class場合、どうすればよいでしょうか？私が試したこと私はそれらを子として追加することでこれを達成しようとしました<item name="shippingAddress" xsi:type="array">が、それはフロントエンドでエラーを引き起こすだけです。内部.example-classにラベルのない空白のテキスト入力を取得しましたが、フロントエンドにエラーがありました。エラー： Cannot read property 'indexedOptions' of undefined これは私の簡単な試みです： Magento_Checkout / web / template / shipping-address / form.html <div id="shipping-new-address-form" class="fieldset address"> <div class="testing">    </div>  <!-- ko …

14 magento2 checkout layout forms uicomponent

1

Magento 2 ui_componentフォームで顧客属性を表示

ui_componentフォームを作成しました。顧客の詳細を表示する必要がある場合は、顧客編集と同じです。しかし、私はcustomer_entityテーブルから彼らのデータを表示することができます。 DataProvider.php public function getData() { if (isset($this->loadedData)) { return $this->loadedData; } // {Vendor}\{Module}\Model\GridFactory // Returns Customer Resource Model $items = $this->gridFactory->create()->getCollection(); $items->getSelect()->join('customer_entity_text as second', 'main_table.entity_id = second.entity_id'); //print_r($items->getData()); exit; foreach($items as $contact){ $this->loadedData[$contact->getEntityId()]['contact'] = $contact->getData(); } return $this->loadedData; } （顧客属性）customer_entity_textを表示するために、テーブルをファクトリに結合しましたstatus。現在、My Second属性はfiletypeです。にありますcustomer_entity_varchar。まず、別の結合を追加することを考えましたが、それは良い方法ではないと思います。それで、これに対する解決策はありますか？Customer Attributeフォームに両方を表示する必要があります。 ui_component <field name="value"> …

14 magento2 attributes uicomponent customer-account ui-form

1

複数選択UIコンポーネントのデフォルト値を設定する

magento 2のインストールにカスタムエンティティがあります。また、このエンティティのフィールドの1つはmultiselectタイプで、すべての国のリストが含まれています。管理フォームにUIコンポーネントを使用しています。選択には約200のレコードがあるので、複数選択フィールドは使いにくいため、複数選択フィールドは使いたくありません。そのため、製品管理の追加/編集セクションのカテゴリフィールドに似た派手な複数選択の1つを作成しました。見た目は良くなっていますが、デフォルト値を設定できません。ここに私の設定があります（default設定項目に注意してください）： <field name="affected_countries" formElement="select" component="Magento_Ui/js/form/element/ui-select" sortOrder="100"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item name="source" xsi:type="string">article</item> <item name="filterOptions" xsi:type="boolean">true</item> <item name="chipsEnabled" xsi:type="boolean">true</item> <item name="disableLabel" xsi:type="boolean">true</item> <item name="default" xsi:type="string">RO,MD</item> </item> </argument> <settings> <elementTmpl>ui/grid/filters/elements/ui-select</elementTmpl> <dataType>text</dataType> <label translate="true">Affected Countries</label> <dataScope>affected_countries</dataScope> <componentType>field</componentType> </settings> <formElements> <select> <settings> <options class="Magento\Config\Model\Config\Source\Locale\Country"/> …

13 magento2 magento2.2 uicomponent default-values

6

Magento 2のチェックアウトプロセスから会社フィールドを削除するにはどうすればよいですか？

Magento 2のチェックアウトプロセスから会社フィールドを削除するにはどうすればよいですか？テンプレートを探していましたが、見つかりませんでした。更新：レイアウトまたはテンプレートを使用してこのフィールドを削除する方法はありますか？

13 magento2 layout template theme uicomponent

8

Magento 2.1別のフィールド値に依存するカスタムのフォームコンポーネントフィールドを作成するにはどうすればよいですか？

いくつかのオプションがある1つのフィールド選択があります。それらの1つには、値に依存するいくつかのフィールドがあり、別のフィールドは非表示になります。私のフィールド用にコンポーネントjsをコピーして拡張しましたが、機能しなかったか、間違った方法で実行しました。UIコンポーネントはこの機能をサポートしていますか？どうすればこれを達成できますか？以下は私がやったことです： <field name="field1"> <argument name="data" xsi:type="array"> <item name="options" xsi:type="object">Namespace\ModuleName\Model\Config\Source\Options</item> <item name="config" xsi:type="array"> <item name="label" xsi:type="string" translate="true">Field name</item> <item name="visible" xsi:type="boolean">true</item> <item name="dataType" xsi:type="string">number</item> <item name="formElement" xsi:type="string">select</item> <item name="source" xsi:type="string">item</item> <item name="dataScope" xsi:type="string">field1</item> <item name="component" xsi:type="string">Pathto/js/form/element/options</item> <item name="validation" xsi:type="array"> <item name="required-entry" xsi:type="boolean">true</item> </item> </item> </argument> </field> <field name="field2Depend1"></field> <field name="field3Depend1"></field> …

13 magento-2.1 uicomponent ui-form

2

画像フォーム要素を追加/編集フォームに追加する

管理者リストとフォームのUIコンポーネントを使用してMagento 2のCRUDモジュールを構築しており、エンティティの1つに画像フィールドがあります。しかし、私はそれを正常に機能させることはできません。動作方法は次のとおりです。アップロードされた画像のない追加モードまたは編集モードでは、単純なファイル入力のように見えるはずです。ファイルがアップロードされると、画像プレビューとその下の削除ボックスが表示されます。まさにこのデザインを探しているわけではありません。見た目は異なりますが、機能は同じです。 Magento 1では、独自のブロックレンダラーを作成するだけでこれを行うことができました class {{Namespace}}_{{Module}}_Block_Adminhtml_{{Entity}}_Helper_Image extends Varien_Data_Form_Element_Image { protected function _getUrl() { $url = false; if ($this->getValue()) { $url = Mage::helper('{{namespace}}_{{module}}/{{entity}}_image')->getImageBaseUrl().$this->getValue(); } return $url; } } これをフォームブロックに追加します $fieldset->addType( 'image', Mage::getConfig()->getBlockClassName('{{namespace}}_{{module}}/adminhtml_{{entity}}_helper_image') ); しかし、Magento 2 にはフォームブロックがありません。UIコンポーネントファイルのフォームフィールドにクラス名を使用できることは知っています。 <field name="image" class="Class\Name\Here"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item …

12 magento2 image uicomponent crud

1

UIコンポーネント間でKnockout JSオブザーバブルを共有する方法

次のようなUIコンポーネントプロパティの使用方法imports: {}とexports: {}共有方法を理解しています。 defaults: { exports: { shouldShowMessage: '${$.component}' } } エクスポートでコンポーネント名を返します。しかし、Knockoutオブザーバブルをエクスポートしようとすると、常に未定義になります。 defaults: { exports: { shouldShowMessage: '${$.shouldShowMessage}' } } ... setupKoBindings: function() { this.shouldShowMessage = ko.observable('Testing'); } 回避策として、ここで説明するようにストレージモデルを作成しますが、インポートとエクスポートを使用したいと思います。

12 magento2 javascript uicomponent knockoutjs requirejs

5

注文グリッドコレクションをMagento2のカスタムテーブルに結合する方法

Magento 2.0の注文グリッドに新しい列を追加しようとしています。だから、私はグリッドコレクションの注文に参加する必要があります。どうすればこれを達成できますか？なぜなら、magento2では、グリッドはUIコンポーネントを使用するからです。

12 magento2 uicomponent

1

Magento 2.2：definition.map.xmlファイルとは何ですか？

Magento 2.2では、新しいファイルdefinition.map.xmlが導入されました。このファイルの目的と目的は何ですか？これはでのschemaMapプロパティの構築に関連しているようですMagento\Ui\Config\Converterが、GitHubのメモには、このファイルの意図や、その内容が伝えることを実際に説明しているものはありません。一般的な好奇心以外に、私の主な関心はM2.2で壊れたチュートリアルモジュールにパッチを当てることです。

11 magento2 uicomponent

2

管理フォームでの「ソース」と「dataScope」の意味は何ですかUiコンポーネント構成ファイル

あり、ソースとdataScopeには Magento2管理フォームUIコンポーネントの構成のノードが。それらは何を意味し、どのように使用されることになっていますか？ <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">Page Title</item> <item name="formElement" xsi:type="string">input</item> <item name="source" xsi:type="string">page</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>

11 magento2 admin uicomponent

2

Magento 2.1.2 Ui-コンポーネントのformElementを複数のドロップダウンから選択

私がしている2つのドロップダウンのための1 時間とのために1 分 .Iは、時間のドロップダウンを表示するために管理していますしかし、誰でも助けることができます-Uiコンポーネントフォームで数時間の横にドロップダウンを数時間表示するにはどうすればよいですか？画像のように。 <field name="start_date"> <argument name="data" xsi:type="array"> <item name="options" xsi:type="object">NameSpace\ModuleName\Model\Xyz\Source\Hours</item> <item name="config" xsi:type="array"> <item name="label" xsi:type="string" translate="true">Monday Opening Time</item> <item name="visible" xsi:type="boolean">true</item> <item name="dataType" xsi:type="string">number</item> <item name="formElement" xsi:type="string">select</item> <item name="source" xsi:type="string">item</item> <item name="dataScope" xsi:type="string">start_date</item> <item name="sortOrder" xsi:type="number">220</item> <item name="validation" xsi:type="array"> <item name="required-entry" xsi:type="boolean">true</item> </item> </item> </argument> </field> …

10 magento-2.1 forms uicomponent listing-component

1

Magento 2：UIコンポーネントを使用してカスタムモジュールに製品グリッドを追加する方法

このリンクを使用してMagento 2管理フォームに製品グリッドを追加しました：製品グリッド。しかし、今はuiコンポーネントを使用して管理フォームを作成しており、uiコンポーネントを使用して製品グリッドを変更できません。私を助けてください。 view / adminhtml / layout / productlabel_productlabel_edit.xml <?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <body> <referenceContainer name="content"> <uiComponent name="productlabel_form"/> </referenceContainer> </body> </page> view / adminhtml / ui_component / productlabel_form.xml <fieldset name="assign_products"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item name="label" xsi:type="string" translate="true">Products in Category</item> <item name="collapsible" xsi:type="boolean">true</item> <item name="sortOrder" xsi:type="number">40</item> …

10 magento2 uicomponent product-grid

1

ui-componentsを使用してフォームフィールドを読み取り専用にする方法は？

私のMagento 2モジュールには、フォームフィールドのこのuiコンポーネント定義があります。 <field name="name"> <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">Some Label</item> <item name="formElement" xsi:type="string">input</item> <item name="source" xsi:type="string">something_here</item> <item name="sortOrder" xsi:type="number">10</item> <item name="dataScope" xsi:type="string">name</item> <item name="notice" xsi:type="string" translate="true">Enter something here</item> <item name="validation" xsi:type="array"> <item name="required-entry" xsi:type="boolean">true</item> </item> </item> </argument> </field> そして私はそれを読み取り専用にしようとしています。無効になりません。読み取り専用です。追加してみました： <item name="readonly" …

10 magento2 adminform uicomponent

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

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