Magento 2 yeni ızgara sistemi şablonu


15

Merchant beta 1.0.0 sürümü Magento yeni arka uç ızgara sistemi etrafında alay.
Her şeyden önce etkilendiğimi söylemeliyim.
Şimdi hangi sütunları göreceğinizi seçebilir, bunları yeniden sıralayabilir, mutlaka bir sütunu bulunmayan özelliklere göre filtreleyebilirsiniz.
Ama bu önemli değil.
Izgaranın nasıl oluşturulduğunu anlamıyorum.
Şablon yolu ipuçlarını etkinleştirerek, örneğin ürün ızgarasının şablon app/code/Magento/Ui/view/base/ui_component/templates/listing/default.xhtmlve blok aracılığıyla oluşturulduğunu gördüm Magento\Ui\Component\Listing.
Şablonu düzenledim ve anlamadığım bir şey gördüm.

<!-- ko template: getTemplate() --><!-- /ko -->

Bu satırı kaldırırsam (ve etkinleştirilirse önbelleği temizlerseniz) Artık bir ızgara almıyorum.
Birisi bunun ne koolduğunu ve nasıl çalıştığını açıklayabilir mi?
Bu tür biçimlendirmeyi diğer şablonlarda da buluyorum. app/code/Magento/Ui/view/base/web/templates/grid/controls/columns.htmlÖrneğin.

[GÜNCELLEME]
Şunu ifade eden basit bir arama (duh!) İle öğrendim ko: http://knockoutjs.com/ ama yine de bazı açıklamalara ihtiyacım var.

Yanıtlar:


7

Magento 2, modeli ve görünümü bağlamak için HTML veri bağlarını (ve bulduğunuz gibi HTML yorumlarını) kullanan bir MVVM çerçevesi olan Knockout.js'yi kullanıyor gibi görünüyor .

Burada, bu yorum sanal bir öğedir, "şablon" muhtemelen Magento'dan özel bir bağlayıcıdır (bkz: http://knockoutjs.com/documentation/custom-bindings-for-virtual-elements.html ), getTemplate()açıkçası bir JavaScript işlevi gerçek unsur (lar) ı oluşturmaktan sorumludur.

Nakavt anlamak için, knockoutjs.com onların interaktif öğretici gidin, kavramak kolay buldum ve öğretici / dokümantasyon gerçekten harika.


1
Teşekkürler. Bu iyi bir başlangıç. Bu konuda size geri döneceğim :)
Marius

Bu oldu bir süre nakavt kullanılır, ancak ben :) Magento 2'de yine sevilen ne kadar basit ve işe yarar bir hale sabırsızlıkla, öyle temiz beri
Fabian Schmengler

1
Eğilim daha az phtml kullanmak ve daha fazla html kullanmaktır, her ikisi de görünümdedir, ancak phtml şablonlardadır ve ko ile ilgili şeyler web'dedir. Fark şudur: phtml bir bloğa bağlıdır ve html bir yapılandırma sağlayıcısına ve bir js modeli görünümüne sahiptir. Checkout'a bir göz atın, birçok örneği var
PartySoft
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.