YII2 - 锚标签点击部分更新

Question

在 Yii2 中单击锚标记时，我无法渲染部分内容。

我的视图代码如下：

<div class="col-md-5 module">

    <h2><?php echo $client->subtitle ?></h2>

    <div class="text-center industries-wrapper">

        <div class="center-wrapper clearfix">
            <ul class="nav nav-pills">
                <?php foreach ($clientMarkets as $key => $clientMarket) : ?>
                    <li <?= ($key == 0) ? 'class="active"' : '' ?>>
                        <a <?= ($key == 0) ? 'href="#1a"' : 'href="#2a"' ?> data-toggle="tab">
                            <?php echo $clientMarket->title ?>
                        </a>
                    </li>
                <?php endforeach; ?>
            </ul>
        </div>

        <div class="tab-content center-wrapper clearfix">
            <?php foreach ($clientMarkets as $key => $clientMarket) : ?>
                <div id="1a" <?= ($key == 0) ? 'id="1a"' : 'id="2a"' ?>
                     class="tab-pane<?= ($key == 0) ? ' active' : '' ?>">

                    <div class="contact-info">
                        <ul>
                            <?php foreach ($clientMarket->children as $key => $client) : ?>
                                <li><a><?php echo $client->title ?></a></li>
                            <?php endforeach; ?>
                        </ul>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>

    </div>

    <hr>

    <div class="client-description hidden-xs"><?php echo $clientDescription->short ?></div>
</div>

<div class="col-md-7 module">
    <div id="client-section-carousel" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner" role="listbox">
            <?php echo $this->render('_partials/references', ['name' => 'value']) ?>
        </div>
    </div>
</div>

当单击 div contact-info 中的锚标记时，我希望使用类 carousel-inner 更新 div 中的部分视图。

我查找了一些使用 ajax 的示例，但不知道如何在点击时更新部分内容。

感谢您的帮助。

Answer 1

如果你不想写简单的JS/AJAX代码有自己的逻辑，你可以尝试使用Pjax。

类似这样的：

<a href="#" onclick="$.pjax.reload('#pjaxId', {timeout : false});">Update Pjax container via AJAX</a>

...

<div class="carousel-inner" role="listbox">

    <?php
    Pjax::begin(['id' => 'pjaxId']);

    echo $this->render('_partials/references', ['name' => 'value']);

    Pjax::end();
    ?>

</div>

UPD：

如果您想更改 URL 以进行 AJAX 更新，请使用：

<?php $ajaxUrl = \yii\helpers\Url::to(['some-controller/some-action']); ?>

<a href="#" onclick="$.pjax.reload('#pjaxId', {timeout : false, url: '<?= $ajaxUrl ?>'});">
     Update Pjax container via AJAX
</a>