2017-02-23 6 views
0

私はthatのようなモーダルを持っています。今私は注入フォームにKartik's Popover Xを追加したいと思います。モーダル内のYii2 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を設定する必要がありますか?

+0

PopoverXを使わずに別の試みを試みました。 [リンク](http://stackoverflow.com/questions/36858916/how-do-i-add-a-label-hint-to-kartik-detailview)残念ながら、これはモーダルウィンドウでも動作しませんでした。それの外に、問題はありません。 – Luc

答えて

0

最後に私はそれを働かせました。私はこのlinkからコードを使用:

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(); 
    }); 
}); 
関連する問題