Question

在通知列表中，我使用sql查询来显示域名，但是当我单击时，我想要每个域名都将打开包含详细信息的弹出窗口。

这是头文件---

 <!-- notification start -->
        <li class="dropdown">
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notification <b class="caret"></b></a>
                      <ul class="dropdown-menu short-dropdown-menu">

                         <li class=""> <a href="<?=Url::to(['domains/index']);?>">
                    <?php
                    $domains=Domains::find()
                      ->Where('expirydate BETWEEN NOW() AND DATE_ADD(NOW(), INTERVAL 1 MONTH)')
                      ->andWhere(['or',
                                ['status'=> 'Active'],
                                ['status'=> 'Pending Transfer']
                            ])
                      ->orderBy(['expirydate' => SORT_ASC])
                      ->all();                                                                                    
              $domainList=ArrayHelper::map($domains,'id','domainname');
              foreach($domainList as $key => $value)
                     {
                        print '<br>'. $value .'<br>';
                     }
                    ?>       
                     </a></li>                                           
                      </ul>
                    </li>
        <!-- notification ends -->

现在结果像---

一样打开

enter image description here

当单击该域名时，它必须显示弹出窗口，其中包含如下图所示的详细信息-----

enter image description here

更新问题：

<li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notification <b class="caret"></b></a>
        <ul class="dropdown-menu short-dropdown-menu">
            <li class="">
                <a href="#modal-domaindetails" data-toggle="modal" onclick="getDomainDetails('2696')">

                <?php
                    $domains=Domains::find()
                            ->Where('expirydate BETWEEN NOW() AND DATE_ADD(NOW(), INTERVAL 1 MONTH)')
                            ->andWhere([
                                          'or',
                                          ['status'=> 'Active'],
                                          ['status'=> 'Pending Transfer']
                                      ])
                            ->orderBy(['expirydate' => SORT_ASC])
                            ->all();                        


                    $domainList=ArrayHelper::map($domains,'did','domainname');
                        foreach($domainList as $key => $value) {
                            print '<br>'. $value .'<br>';
                        }
                ?>
                </a>  
            </li>                                           
        </ul>
    </a>
</li>

现在看到此信息，我正在传递ID 2696，但我想按域名获取ID

Answer 1

我认为，对此有一些看法。

如果要打开新的弹出窗口模式，则必须创建一个模式弹出窗口，例如https://getbootstrap.com/docs/4.1/components/modal/
您将URL重定向到域名作为“>，它将被重定向到此链接。除了要在chrome中打开新标签页或新窗口外，此处无法弹出任何窗口。打开新标签页或新窗口，您可以在Google上搜索它）
在“ li”和“ a”标签中

<li class=""> <a href="your_url"> ... your code php foreach($domainList as $key => $value) { print '<br>'. $value .'<br>'; } </a> </li>

您放置了一个迭代器，它将迭代一个列表，但是它们具有与URL相同的重定向

更新我的答案

也许我希望它能对您有所帮助。

HTML：

<li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notification <b class="caret"></b></a>
        <ul class="dropdown-menu short-dropdown-menu">
            <li class="">

                <?php
                    $domains=Domains::find()
                            ->Where('expirydate BETWEEN NOW() AND DATE_ADD(NOW(), INTERVAL 1 MONTH)')
                            ->andWhere([
                                          'or',
                                          ['status'=> 'Active'],
                                          ['status'=> 'Pending Transfer']
                                      ])
                            ->orderBy(['expirydate' => SORT_ASC])
                            ->all();                        


                    $domainList=ArrayHelper::map($domains,'did','domainname');
                        foreach($domainList as $key => $value) {
                ?>
                <a href="javascript:;" onclick="getDomainDetails('<?= $key ?>')"><?= $value ?></a>
                <?php
                        }
                ?>

            </li>                                           
        </ul>
    </a>
</li>

添加了模式弹出窗口

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
        </div>
    </div>
</div>

JAVASCRIPT

<script>

    function getDomainDetails(domain_id) {
        $.ajax({
            url: 'domains/index',
            method: 'GET', // or 'POST'
            data: { domain_id : domain_id }
        })
        .done(function(response) {
            $('#exampleModal').find('.modal-body').html(response); // append reponse html from server
            $('#exampleModal').modal('show'); // show modal
        });
    }


</script>

Answer 2

使用引导程序模式

点击链接时，打开模式

请求服务器获取数据

再次使用jquery渲染数据

单击域名模式应该像弹出一样打开

2 个答案: