Question

我正在处理前端订单历史详细信息视图页面。我需要在点击链接时显示一个动态弹出窗口，最好是带有ajax的模态弹出窗口。

如果有人有解决方案，请分享。

Answer 1

您可以查看以下网址：

how to create a form popup-modal in magento2

Modal сomponent

Modal widget

Answer 2

让它解决了我的自我在视图/.../ order / item.phtml下面添加了代码

<div class="modal fade" id="myinfo-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <div class="my-container">your text here
    </div>
</div>
</div>
   <script>
require(['jQueryNoConflict'], function(jQuery){
    jQuery(document).ready(function () {                    
                jQuery(document).on('show.bs.modal','#myinfo-modal', function (e) {
    jQuery.ajax({
                     url:  '<your url here>',
                     type: 'POST',
                     data: {id: 3},
                     success: function(response){
                        jQuery('.my-container').html(response.success);

                     },
                     error: function(){
                       jQuery('.my-container').html("<your error msg here>");

                     }  
                  });  
                });
});  });

在您的订单/ items / renderer / default.phtml中添加以下代码

<a href="#" data-toggle="modal" data-target="#my-modal" data-id="2">View Modal Popup</a>

希望这有帮助！

magento2如何在myaccount命令视图页面中添加模态ajax弹出窗口？

2 个答案: