คำถามติดแท็ก knockoutjs

ฉันใหม่สำหรับ Magento2 และองค์กรของเราเพิ่งได้รับใบอนุญาต EE ฉันได้ติดตั้งไว้ในเครื่องท้องถิ่นของฉันแล้วและแม่แบบเริ่มต้นจะแยกออกมาผสมกับ HMTL ดังต่อไปนี้: <script type="text/x-magento-init"> { "*": { "Magento_Ui/js/core/app": { "components": { "customer": { "component": "Magento_Customer/js/view/customer" } } } } } </script> และสายที่ชอบ <script type="text/x-magento-init"> { "*": { "Magento_Ui/js/core/app": { "components": { "messages": { "component": "Magento_Theme/js/view/messages" } } } } } </script> นี้จะทำอย่างไรกับเป็นKnockoutJSหรือRequireJS? การเรียกเหล่านี้คืออะไรและแท็กสคริปต์ใหม่นี้คืออะไร<script type="text/x-magento-init">

29 magento-enterprise  magento2  frontend  knockoutjs 

ฉันพยายามที่จะเพิ่มการแปลสำหรับข้อความที่<!-- ko i18n: 'Store credit available' --><!-- /ko -->มีอยู่vendor/magento/module-customer-balance/view/frontend/web/template/payment/customer-balance.htmlแต่ถ้าฉันพยายามที่จะเปลี่ยนข้อความในของฉันi18n/en_US.csvก็ยังคงไม่ทำงาน ฉันล้างแคชและใช้การปรับใช้เนื้อหาแบบคงที่ มีวิธีอื่นในการเพิ่มการแปลสำหรับเทมเพลต KO หรือไม่

24 magento2  knockoutjs  inline-translations  js-translation 

หน้าแบ็กเอนด์ของวีโอไอพีหลายหน้ามีดังต่อไปนี้ในซอร์สโค้ด <!-- ko template: getTemplate() --><!-- /ko --> ผมเข้าใจ (หรือคิดว่าฉันทำอะไร?) ที่<!-- ko templateเป็น KnockoutJS ภาชนะน้อยแม่แบบที่มีผลผูกพัน อะไรคือสิ่งที่ไม่ชัดเจนสำหรับฉัน - getTemplate()ฟังก์ชั่นที่ใช้เรียกบริบทคืออะไร template:ในตัวอย่างที่ผมเคยเห็นทั่วไปมักจะมีวัตถุจาวาสคริปต์หลังจากที่ ฉันสมมติว่าgetTemplateเป็นฟังก์ชั่นจาวาสคริปต์ที่ผลตอบแทนวัตถุ - แต่ไม่มีโลกgetTemplateฟังก์ชั่นจาวาสคริปต์ชื่อ ที่ถูกgetTemplateผูกไว้? หรืออาจเป็นคำถามที่ดีกว่าการผูกแอปพลิเคชั่น KnockoutJS เกิดขึ้นที่หน้าแบ็กเอนด์ของวีโอไอพีที่ไหน ฉันสนใจสิ่งนี้จากมุมมอง HTML / CSS / Javascript แท้ๆ ฉันรู้ว่าวีโอไอพี 2 มีรูปแบบการกำหนดค่ามากมายดังนั้นในทางทฤษฎีผู้พัฒนาไม่จำเป็นต้องกังวลเกี่ยวกับรายละเอียดการติดตั้ง ฉันสนใจในรายละเอียดการใช้งาน

19 magento2  knockoutjs 

ตามการอ่านคร่าวๆของเอกสารประกอบ KnockoutJS การเริ่มต้นมุมมองการทำให้ล้มลงพื้นฐานขั้นพื้นฐานจะมีลักษณะดังนี้ // This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI function AppViewModel() { this.firstName = "Bert"; this.lastName = "Bertington"; } // Activates knockout.js ko.applyBindings(new AppViewModel()); เช่น - คุณสร้างฟังก์ชั่นจาวาสคริปต์ที่มีวัตถุประสงค์เพื่อใช้เป็นตัวสร้างวัตถุยกตัวอย่างวัตถุจากนั้นส่งวัตถุนั้นไปยังko.applyBindingsวิธีการของวัตถุพิศวงทั่วโลก ( ko) อย่างไรก็ตามใน Magento 2 หากคุณโหลดหน้าเว็บแบ็กเอนด์ด้วย Grid UI Magento จะเริ่มต้น js/core/app.jsโมดูล RequireJS …

19 magento2  javascript  requirejs  knockoutjs 

[ 'type' => 'int' 'backend' => '', 'frontend' => '', 'label' => 'XXXX' 'input' => 'text', 'frontend_class' => 'ตรวจสอบความถูกต้องมากกว่าศูนย์' 'source' => '', 'global' => \ Magento \ Eav \ Model \ Entity \ Attribute \ ScopedAttributeInterface :: SCOPE_GLOBAL 'visible' => จริง 'ต้องใช้' => จริง 'user_defined' => false 'default' => 0, …

17 magento2  javascript  jquery  form-validation  knockoutjs 

ในไฟล์การกำหนดค่า UI ส่วนประกอบของ Magento 2 คุณมักจะเห็นแอ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> ฟิลด์เหล่านี้มีไว้เพื่อทำอะไร? …

17 magento2  uicomponent  forms  knockoutjs  requirejs 

ฉันใช้ระบบแบ็กเอนด์กริดใหม่ของ Magento ในเวอร์ชัน Merchant เบต้า 1.0.0 แล้ว ก่อนอื่นต้องบอกว่าฉันประทับใจ ตอนนี้คุณสามารถเลือกคอลัมน์ที่ต้องการดูคุณสามารถจัดลำดับคอลัมน์ใหม่ได้คุณสามารถกรองตามแอตทริบิวต์ที่ไม่จำเป็นต้องมีคอลัมน์ แต่นั่นไม่สำคัญ ฉันไม่เข้าใจวิธีการแสดงผลของตาราง โดยการช่วยให้คำแนะนำเส้นทางแม่แบบที่ผมเห็นว่าตารางผลิตภัณฑ์ตัวอย่างเช่นมีการแสดงผ่านทางแม่แบบและผ่านบล็อกapp/code/Magento/Ui/view/base/ui_component/templates/listing/default.xhtml ฉันแก้ไขเทมเพลตและเห็นบางสิ่งที่ฉันไม่เข้าใจMagento\Ui\Component\Listing <!-- ko template: getTemplate() --><!-- /ko --> ถ้าฉันลบบรรทัดนี้ (และล้างแคชถ้าเปิดใช้งาน) ฉันจะไม่ได้รับกริดอีกต่อไป ใครสามารถอธิบายสิ่งนี้koคืออะไรและมันทำงานอย่างไร ฉันพบมาร์กอัปชนิดนี้ในเทมเพลตอื่น app/code/Magento/Ui/view/base/web/templates/grid/controls/columns.htmlตัวอย่างเช่น. [อัพเดท] ฉันเพิ่งค้นพบด้วยการค้นหาง่าย ๆ (duh!) ที่koอ้างถึงสิ่งนี้: http://knockoutjs.com/แต่ฉันยังต้องการคำอธิบายบางอย่าง

15 magento2  grid  magento-2.0  knockoutjs 

ก่อนอื่นฉันต้องการให้ภาพหน้าจอเพื่อทำความเข้าใจปัญหาของฉัน ตอนนี้ฉันต้องการเพิ่มรหัสที่เกี่ยวข้องที่นี่ etc / ส่วนหน้า / di.xml <?xml version="1.0"?> <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd"> <type name="Magento\Checkout\Model\CompositeConfigProvider"> <arguments> <argument name="configProviders" xsi:type="array"> <item name="checkout_deliverysign_block" xsi:type="object">Kensium\DeliverySign\Model\DeliverySignConfigProvider</item> </argument> </arguments> </type> </config> DeliverySignConfigProvider <?php namespace Kensium\DeliverySign\Model; use Magento\Checkout\Model\ConfigProviderInterface; use Magento\Store\Model\ScopeInterface; class DeliverySignConfigProvider implements ConfigProviderInterface { /** * @var \Magento\Framework\App\Config\ScopeConfigInterface */ protected $scopeConfiguration; protected $checkoutSession; protected $logger; /** …

14 magento2  checkout  knockoutjs 

ฉันกำลังพยายามเพิ่มแอตทริบิวต์ผลิตภัณฑ์ที่กำหนดเองลงในรายการของรายการในส่วนสรุปในการชำระเงินใน Magento 2 ไฟล์เทมเพลตอยู่ที่Magento_Checkout/web/template/summary/item/details.htmlและกำลังมองหาเพื่อแสดงค่าของแอตทริบิวต์ที่กำหนดเองก่อนชื่อผลิตภัณฑ์ มีความคิดเกี่ยวกับวิธีเพิ่มค่านี้ลงในเทมเพลต ko หรือไม่? ดูเหมือนว่ามีคำถามอื่นสำหรับที่นี่แต่ก็ไม่เคยตอบ

14 magento2  magento-2.1  knockoutjs 

ใกล้ที่สุดเท่าที่ฉันสามารถบอกได้เมื่อคุณดูกริดในแบ็กเอนด์ของวีโอไอพีเทมเพลต KnockoutJS "โหลดผ่าน XHR" ต่อไปนี้คือสิ่งที่เริ่มแสดงผลสิ่งต่าง ๆ File: vendor/magento//module-ui/view/base/web/templates/collection.html URL: http://magento.example.xom/pub/static/adminhtml/Magento/backend/en_US/Magento_Ui/templates/collection.html <each args="data: elems, as: 'element'"> <render if="hasTemplate()"/> </each> อย่างไรก็ตาม - ฉันรู้สึกว่า<each/>แท็กและ<render/>แท็กคืออะไร พวกเขาไม่ได้เป็นหรือไม่เป็นส่วนหนึ่งของสต็อก KnockoutJS ฉันรู้ว่าเป็นไปได้ที่จะเพิ่มแท็กที่กำหนดเองไปที่ KnockoutJS ผ่านส่วนประกอบแต่ฉันไม่เห็นสถานที่ใด ๆ ที่ชัดเจนซึ่งมีชื่อองค์ประกอบeachหรือrenderถูกเพิ่มลงใน KnockoutJS ดังนั้นฉันไม่แน่ใจว่าสิ่งเหล่านี้เป็นส่วนประกอบที่ลงทะเบียนที่ไหนฉันไม่ทราบหรือการปรับแต่งอื่น ๆ ที่ Magento ได้ทำกับ KnockoutJS ที่เปิดใช้งานแท็กที่กำหนดเองหรืออย่างอื่น หมายเหตุ:ฉันไม่ได้อยู่ในความมืดอย่างสมบูรณ์ที่นี่ - ฉันได้รับ<each/>มันอาจซ้ำแล้วซ้ำอีกทุกองค์ประกอบเด็ก UI ที่แสดงใน JSON และการแสดงผลแม่แบบของมัน (ถ้าแม่แบบที่มีอยู่) สิ่งที่ฉันไม่ชัดเจนเลยคือการใช้งานแท็กเหล่านี้อย่างไร ฉันต้องการดูว่ามีการนำไปใช้ที่ใดฉันจึงสามารถดีบักวิธีการผูกข้อมูลและเข้าใจกลไกที่ Magento ใช้ในการสร้างแท็กเหล่านี้ในกรณีที่มีผู้อื่น

13 magento2  javascript  template  knockoutjs 

ฉันต้องการย้ายปุ่มคำสั่งซื้อจากการชำระเงินไปยังแถบด้านข้างในหน้าเช็คเอาต์ ทุกคนสามารถให้คำแนะนำแก่ฉันได้บ้าง แก้ไข : เป็นไปได้หรือไม่(พร้อมคำตอบ / วิธีการที่ให้ไว้) ? จากการวิจัยของฉันทุกวิธีการชำระเงินมีเทมเพลต. html ของตัวเองรวมถึงปุ่มของตัวเอง ปุ่มนี้ไม่ได้โหลดจากเทมเพลต knockout.js เช่นวิธีการชำระเงิน "ฟรี": <div class="checkout-agreements-block"> <!-- ko foreach: $parent.getRegion('before-place-order') --> <!-- ko template: getTemplate() --><!-- /ko --> <!--/ko--> </div> <div class="actions-toolbar"> <div class="primary"> <button class="action primary checkout" type="submit" data-bind=" click: placeOrder, attr: {title: $t('Place Order')}, css: {disabled: !isPlaceOrderActionAllowed()} …

13 magento-2.1  onepage-checkout  knockoutjs  place-order 

ฉันพยายามที่จะเข้าใจ knockoutjs ใน magento2. โดยเฉพาะอย่างยิ่งการเชื่อมโยงแม่แบบที่กำหนดเองฉันไม่สามารถรับแนวคิดการแสดงผลนี้ได้ มีใครรู้บ้างไหมว่ามันทำงานอย่างไร atleast ฉันจะหาคำจำกัดความของ getTemplate ได้ที่ไหน <!-- ko if: (!quoteIsVirtual) --> <!-- ko foreach: getRegion('customer-email') --> <!-- ko template: getTemplate() --><!-- /ko --> <!--/ko--> <!--/ko-->

12 magento2  knockoutjs 

ฉันเข้าใจวิธีใช้imports: {}และexports: {}แบ่งปันคุณสมบัติของส่วนประกอบ UI เช่น: defaults: { exports: { shouldShowMessage: '${$.component}' } } ซึ่งส่งคืนชื่อคอมโพเนนต์ในการเอ็กซ์พอร์ต แต่เมื่อฉันพยายามส่งออกสิ่งที่น่าพิศวงที่สังเกตได้มันไม่ได้กำหนดไว้เสมอ: defaults: { exports: { shouldShowMessage: '${$.shouldShowMessage}' } } ... setupKoBindings: function() { this.shouldShowMessage = ko.observable('Testing'); } เพื่อเป็นการหลีกเลี่ยงปัญหาฉันจะสร้างโมเดลหน่วยความจำตามที่อธิบายไว้ที่นี่แต่ฉันต้องการใช้การนำเข้าและส่งออก

12 magento2  javascript  uicomponent  knockoutjs  requirejs 

ฉันต้องการปรับแต่ง minicart ของฉันใน Magento 2 ฉันต้องเพิ่ม 3 คุณลักษณะ: SKU, ผู้ผลิตและหมายเลขผู้ผลิต เหล่านี้เป็นคุณสมบัติที่มีอยู่ ฉันเห็นตำแหน่งที่จะเพิ่มค่าเอาต์พุต แต่จะไม่เรียกจากที่ใด

12 magento2  mini-cart  knockoutjs 

ปัญหาของฉัน: ฉันกำลังพยายามเขียนแอป Knockout JS ขนาดเล็กภายใน Magento 2 ฉันพยายามที่จะเริ่มต้นแอปเนื่องจากเมื่อฉันใช้งานko.applyBindings(AppViewModel, document.getElementById("koTest"));มันจะทำให้ Knockout ที่ใช้โดย Magento ล้มเหลวและพ่นข้อผิดพลาดนี้: Uncaught Error: You cannot apply bindings multiple times to the same element. ฉันสงสัยว่าเป็นเพราะ: ฉันสงสัยว่านี้เป็นเพราะวีโอไอพี 2 แล้วใช้ภายในko.applyBindings() app/code/Magento/Ui/view/base/web/js/lib/knockout/bootstrap.jsและนั่นไม่ได้ระบุโหนดที่ฉันไม่สามารถใช้ko.applyBindingsอีกครั้ง หากฉันไม่ได้ใช้ko.applyBindings(AppViewModel, document.getElementById("koTest"))ในรหัสของฉันแอพของฉันจะไม่เริ่มต้น นี่ทำให้ฉันคิดว่าฉันจำเป็นต้องใช้ko.applyBindings()ในสิ่งที่น่าพิศวง / bootstrap.js แต่ฉันไม่รู้ว่าจะมีใครช่วยได้บ้าง ฉันมีประสบการณ์เล็กน้อยเกี่ยวกับสิ่งที่น่าพิศวง รหัสของฉัน <script type="text/javascript"> require([ 'ko' ], function(ko) { // This is a simple …

12 magento2  knockoutjs