Questions tagged «uicomponent»

表示有关Magento Ui组件的问题

2
Magento 2使用UiComponent而不是Datepicker显示时间选择器
我想以UiComponent形式显示时间选择器 正如Magento Docs显示的变化一样，它们提供了时间选择器： 我想要在我的表单中使用UiComponent。 注意：需要显示计划时间，所以不需要日期。 已检查参考：如何在Magento 2中将时间范围选择器添加到adminhtml表单？（但是它的using块，我想使用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"> …
2
结帐表格-如何在一个类中包装多个元素-Magento 2
如何在div中包装两个结帐表单元素？ 例如，假设我想将这些国家/地区和邮政编码/邮政编码字段包装在类别为的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"> <!-- ko foreach: getRegion('example-class') --> <!-- ko template: getTemplate() --><!-- /ko --> <!--/ko--> </div> <!-- ko foreach: getRegion('additional-fieldsets') --> <!-- ko …
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表与Factory一起加入以便显示status（客户属性）。 现在，我的第二个属性是filetype。在中customer_entity_varchar，首先我认为要添加另一个联接，但我认为这不是好方法。 那么，对此有什么解决方案吗？我需要Customer Attribute在表单中同时显示两者。 ui_component <field name="value"> <argument …
1
设置多选UI组件的默认值
我的magento 2安装中有一个自定义实体。 该实体中的字段之一是multiselect类型，包含所有国家/地区的列表。 我将ui组件用于我的管理表单。 由于选择中大约有200条记录，我不想使用多选字段，因为它不那么容易使用。 因此，我在添加/编辑产品管理部分中的类别类别中创建了一个精美的多选之一。 看起来更好，但是我无法为其设置默认值。 这是我的配置（请注意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"/> …
8
Magento 2.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> …
2
将图像表单元素添加到添加/编辑表单
我正在使用用于管理列表和表单的ui组件为Magento 2构建CRUD模块，我的一个实体具有一个图像字段。 但是我无法使其正常工作。 这是它应该如何工作的。 在添加模式或编辑模式下，没有上传的图像时，它看起来应该像一个简单的文件输入。 上传文件后，它应显示图像预览，并在其下方显示一个删除框。 我不是在寻找这种设计。它的外观可能不同，但功能相同。 在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 …
1
如何在UI组件之间共享Knockout JS可观察对象
我了解如何使用imports: {}和exports: {}共享UI组件属性，例如： defaults: { exports: { shouldShowMessage: '${$.component}' } } 它在导出中返回组件名称。 但是，当我尝试导出可观察到的淘汰赛时，它始终是未定义的： defaults: { exports: { shouldShowMessage: '${$.shouldShowMessage}' } } ... setupKoBindings: function() { this.shouldShowMessage = ko.observable('Testing'); } 作为一种解决方法，我将按照此处的说明创建一个存储模型，但是我更喜欢使用导入和导出。
1
Magento 2.2：什么是definition.map.xml文件？
Magento 2.2引入了一个新文件definition.map.xml。 该文件的目的和意图是什么？它似乎与在中构建schemaMap属性有关Magento\Ui\Config\Converter，但是GitHub注释都没有真正解释该文件的意图或其意图传达的内容。 除了好奇心外，我的主要兴趣是修补M2.2中损坏的教程模块。
2
“源”和“数据范围”在管理表单Ui组件配置文件中是什么意思
Magento2管理表单UI组件配置中有source和dataScope节点。它们是什么意思，应该如何使用？ <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>
2
Magento 2.1.2 Ui-组件窗体从多个下拉菜单中选择元素
我有两个下拉菜单，其中一个是“ 小时”，另一个是“ 分钟”。我设法显示了几个小时的下拉菜单 但是任何人都可以提供帮助-如何以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> 我的模型返回小时值 …
1
Magento 2：如何使用ui组件在自定义模块中添加产品网格？
我已经使用此链接在Magento 2管理表单中添加了产品网格： 产品网格。但是现在我正在使用ui组件创建管理表单，但无法使用ui组件更改产品网格。请帮我。 查看/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> 查看/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> </item> </argument> <container name="assign_products_container" > <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item …
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" …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.