Magento 2: Как добавить всплывающее окно при нажатии кнопки в администраторе?

Question

Magento 2: Как добавить всплывающее окно при нажатии кнопки в администраторе?

Можете ли вы объяснить, как добавить всплывающее окно (модальное окно) при нажатии кнопки в adminhtml? Я уже создал несколько phtml

<div id="messages">
<div class="messages">
    <?php foreach ($this->getCollection() as $reminder):
    ?>
    <div class="message message-notice notice">
        <div data-ui-id="messages-message-notice">Customer name - <?php echo $reminder->getCustomerName()
            ?>(Order ID #<?php echo $reminder->getOrderIncrementId() ?>); Date/Time - <?php echo $reminder->getDatetime()
            ?>; Due Date/Time - <?php echo $reminder->getDuedatetime() ?>; Assigned to User - <?php echo $reminder->getName() ?>;
            Note - <?php echo $reminder->getTitle() ?><button class="action- scalable primary">asd</button></div>
    </div>
    <?php endforeach; ?>
</div>

И мне действительно нужно знать, как добавить модальное действие к кнопке.

3

javascript jquery magento2 adminhtml requirejs

Author: Rafael Corrêa Gomes, 2015-10-14

Source

1 answers

score 7 · Accepted Answer

Минимальный пример

<div id="messages">
       <div class="message"> MessageContents 
           <button class="primary">ClickMe</button>
       </div>
</div>
<script type="text/javascript">// <![CDATA[
require([
        'jquery',
        'Magento_Ui/js/modal/alert'
    ],
    function($, alert) {
       $('#messages').on('click', 'button.primary', function(event){
            alert({
               content: $(event.target).parent().text()
            })
       })
    }
);
// ]]></script>
</div>