模态内的 Yii2 popover-x

Question

我在注入的表单中得到了类似 . Now i want to add Kartik's Popover X 的模态。

<div class="ensemble-form-add">  

    <?php
    $content = '<p class="text-justify">sometext</p>';
    echo PopoverX::widget([
        'id' => 'ownShit',
        'header' => 'Usage Information',
        'size' => PopoverX::SIZE_LARGE,
        'placement' => PopoverX::ALIGN_BOTTOM,
        'content' => $content,
        'toggleButton' => ['label'=>'<span class="glyphicon glyphicon-question-sign"></span>', 'class'=>'btn btn-lg btn-link'],
    ]); ?>

    <?php $form = ActiveForm::begin(['id' => 'add ...
...

弹出按钮和对话框（隐藏）正确呈现。但是点击模态中的按钮不会做任何事情。如果我单独打开上面的表格（不是模态）按钮工作并显示对话框。

有人试过这个吗？我必须设置 ID 才能正常工作吗？

Answer 1

我终于让它工作了。我使用了这个 :

中的代码

public static function renderLabelHelp($label, $help) {
    return Html::tag('label', $label, [
        'data-toggle'=>'popover',
        'data-trigger' => 'click hover',
        'data-placement' => 'auto right',
        'data-html' => 'true',    // allow html tags
         // 'data-title'=> 'Help',
        'data-content'=>$help,
        'style'=>'border-bottom: 1px dashed #888; cursor:help;'
    ]);
}

并添加了以下 js，使其运行起来非常棒！

$(function(){
    // this will show the popover within a modal window
    $('#modal').on('shown.bs.modal', function(){
        $('[data-toggle="popover"]').popover();
    });
});

模态内的 Yii2 popover-x

Yii2 popover-x within modal

php

yii2

kartik-v