Magento 2 mẫu hệ thống lưới mới


15

Tôi đã tìm hiểu kỹ về hệ thống lưới phụ trợ mới của Magento trên phiên bản Merchant beta 1.0.0.
Trước hết tôi phải nói rằng tôi rất ấn tượng.
Bây giờ bạn có thể chọn các cột để xem, bạn có thể sắp xếp lại chúng, bạn có thể lọc theo các thuộc tính không nhất thiết phải có một cột.
Nhưng điều đó không quan trọng.
Tôi không hiểu làm thế nào lưới được kết xuất.
Bằng cách kích hoạt các gợi ý đường dẫn mẫu, tôi thấy rằng lưới sản phẩm chẳng hạn được hiển thị thông qua mẫu app/code/Magento/Ui/view/base/ui_component/templates/listing/default.xhtmlvà qua khối Magento\Ui\Component\Listing.
Tôi đã chỉnh sửa mẫu và thấy một cái gì đó tôi không hiểu.

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

Nếu tôi xóa dòng này (và xóa bộ đệm nếu được bật) tôi sẽ không nhận được lưới nữa.
Ai đó có thể giải thích điều này kolà gì và làm thế nào nó hoạt động?.
Tôi cũng tìm thấy loại đánh dấu này trong các mẫu khác. app/code/Magento/Ui/view/base/web/templates/grid/controls/columns.htmlví dụ.

[CẬP NHẬT]
Tôi vừa tìm ra với một tìm kiếm đơn giản (duh!) koĐề cập đến điều này: http://knockoutjs.com/ nhưng tôi vẫn cần một số giải thích.

Câu trả lời:


7

Có vẻ như Magento 2 đang sử dụng Knockout.js , khung công tác MVVM sử dụng các ràng buộc dữ liệu HTML (và trong một số trường hợp nhận xét HTML, như mô hình bạn đã tìm thấy) để liên kết mô hình và chế độ xem.

Ở đây, nhận xét này là một yếu tố ảo, "mẫu" có thể là một ràng buộc tùy chỉnh từ Magento (xem: http://knockoutjs.com/documentation/custom-bindings-for-virtual-elements.html ), getTemplate()rõ ràng là một hàm JavaScript chịu trách nhiệm kết xuất (các) phần tử thực.

Để hiểu về loại trực tiếp, hãy xem hướng dẫn tương tác của họ tại knoutoutjs.com, tôi thấy nó rất dễ nắm bắt và hướng dẫn / tài liệu này thực sự tuyệt vời.


1
Cảm ơn. Đây là một khởi đầu tốt. Tôi sẽ liên lạc lại với bạn về điều này :)
Marius

Đã được một thời gian kể từ khi tôi sử dụng loại trực tiếp, nhưng tôi thích cách đơn giản và sạch sẽ, mong muốn được sử dụng lại trong Magento 2 :)
Fabian Schmengler 16/07/2015

1
Xu hướng là ít sử dụng phtml và sử dụng html nhiều hơn, cả hai đều trong chế độ xem nhưng phtml nằm trong các mẫu và không có nội dung liên quan trong web. Sự khác biệt là phtml được liên kết với một khối và html có nhà cung cấp cấu hình và chế độ xem mô hình js. Hãy xem qua Checkout, nó có rất nhiều ví dụ
PartySoft
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.