如何在Yii2中将2个模型加载到单个视图中

Question

问题
这个问题与Yii2项目有关，当单击用户组名称时，该项目应该显示相关的收件人列表。
目前，我已经使用gridviews创建了所有的数据库，模型，CRUD代，并且运行良好。
但是问题是当我单击网格项目时，它导航到另一个视图（默认方式），如下图所示，我想在同一视图的一部分中加载该图片。

---

用户组 （视图-> index.php）

    <?php Pjax::begin(); ?>
    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        //navigate to the relevent recipient list by click on the group name
        'rowOptions' => function ($model, $key, $index, $grid) {
                    return [
                        'style' => "cursor: pointer",
                        'id' => $model['group_id'],
                        'onclick' => 'location.href="'.Yii::$app->urlManager->createUrl('recipient-list/recipients').'&scenario=RECIPIENTS&params="+(this.id);',
                    ];  
                },

        'columns' => [
            'group_id',
            'group_name',

            ['class' => 'yii\grid\ActionColumn'],
        ],
    ]); ?>
    <?php Pjax::end(); ?>

我在GridView提供了rowOptions ，以便可以单击记录并通过URL导航到收件人列表。 然后，将从控制器捕获并根据group_id过滤结果并呈现视图。

---

我想要的是

单击左侧的组列表时，我想动态加载收件人列表。
我努力了

• iFrames但无法正常工作。 它在浏览器中充当单独的标签。
• 为组列表添加了许多Yii导航扩展，例如sideNavs 。 但是问题是它没有从数据库中获取数据的能力。 创建群组时，该群组未显示在列表中。 （如果侧面导航是静态的，则很好）

所以..我想知道的是，是否有任何方法可以使用控制器执行此操作，或者是否有任何Jquery代码来支持此操作...

热烈欢迎任何建议或参考。

Answer 1

您可以为此使用jQuery .load 。

假设您的收件人列表容器div的ID为#recipient-list因此您要做的就是在onclick事件中添加以下内容：

$( "#recipient-list" ).load("YOUR_URL"); return false;
// replace YOUR_URL with the url you are generating already
// and don't forget the return false part. it't there so that link doesn't redirect

Answer 2

当您在该行中单击时，单击事件将发出ajax请求，以检索第二个网格的数据（收件人列表）

在成功或完成ajax请求后，您将调用$ .pajax.reload来刷新第二个网格中的数据，如下所示

$.pjax.reload({container:'#recipient-list'});